django js 일부 페이지 새로 고침 을 위 한 예제 코드

예 를 들 어 저 는 기계 의 프로 세 스 정 보 를 표시 하 는 표를 사용 합 니 다.서로 다른 기계 의 프로 세 스 정 보 를 얻 을 때 이 보 여 주 는 표를 업데이트 합 니 다.다음 과 같 습 니 다.

내 가 입력 상자 에 ip 를 입력 할 때,나 는 단지 이 표를 업데이트 하 기 를 희망 한다.페이지 의 다른 부분 은 변 하지 않 고,실현 방식 은 다음 과 같다.
1.원래 페이지 에 이 표 의 id 를 pstable 로 설정 합 니 다.

<table class="table table-striped" id="pstable">
 <thead>
 <tr>
  <th>user</th>
  <th>pid</th>
  <th>cmd</th>
 </tr>
 </thead>
 <tbody>
 {% for ps in info.ps_data %}
 <tr>
  {% for item in ps %}
  <td>{{ item }}</td>
  {% endfor %}
 </tr>
 {% endfor %}
 </tbody>
 </table>
2.js 실현

<script type="text/javascript"> 
$(document).ready(function(){ 
 $("#gobtn").click(function(){ 
 var ip=$("#ip").val(); //       ip 
 $.post("/process/",{'hostip':ip}, //post      
 function(data,status){ //     
 $("#pstable").html(data); // id pstable    html      data 
 $("#ip").val(ip) //           ip 
 }); 
}); 
}); 
3.view 함수

def process_view(request): 
 hostip = request.POST.get('hostip') 
 logger.debug("host:%s" % hostip) 
 if hostip is None: 
 ps_data = GetHostPs('192.168.163.128') 
 info = {'username':request.user,'ps_data':ps_data} 
 template = 'process.html' 
 #return render(request,'process.html',{"info":info}) 
 elif hostip: 
 ps_data = GetHostPs(hostip) 
 info = {'username':request.user,'ps_data':ps_data} 
 template = 'pstable.html' 
 #return render(request,'pstable.html',{"info":info}) 
 else: 
 ps_data = GetHostPs('192.168.163.128') 
 info = {'username':request.user,'ps_data':ps_data} 
 template = 'pstable.html' 
 return render(request,template,{"info":info}) 
4.pstable.html 는 이 html 에서 ip 에 따라 프로 세 스 정 보 를 얻 을 html 코드 를 정의 합 니 다.

<thead> 
 <tr> 
  <th>user</th> 
  <th>pid</th> 
  <th>cmd</th> 
 </tr> 
 </thead> 
 <tbody> 
 {% for ps in info.ps_data %} 
 <tr> 
  {% for item in ps %} 
  <td>{{ item }}</td> 
  {% endfor %} 
 </tr> 
 {% endfor %} 
 <tbody> 
단 추 를 누 르 면 지정 한 ip 의 프로 세 스 정 보 를 조회 할 때 process()는 이 ip 의 존 재 를 판단 합 니 다.이 ip 이 존재 하면 pstable.html 를 js 함수 의 data 매개 변수 에 저장 한 다음 js 매개 변 수 는 리 셋 함 수 를 호출 하여 id 가 pstable 인 tag 의 html 를 매개 변수 data 로 저장 한 html,즉 pstable.html 로 대체 하여 부분 적 으로 페이지 를 수정 하여 프로 세 스 정 보 를 보 여 줍 니 다.
이상 django js 가 일부 페이지 새로 고침 을 실현 하 는 예제 코드 는 바로 작은 편집 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.여러분 께 참고 가 되 고 여러분 들 이 저 희 를 많이 사랑 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기