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 가 일부 페이지 새로 고침 을 실현 하 는 예제 코드 는 바로 작은 편집 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.여러분 께 참고 가 되 고 여러분 들 이 저 희 를 많이 사랑 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Django의 질문 및 답변 웹사이트환영 친구, 이것은 우리의 새로운 블로그입니다. 이 블로그에서는 , 과 같은 Question-n-Answer 웹사이트를 만들고 있습니다. 이 웹사이트는 회원가입 및 로그인이 가능합니다. 로그인 후 사용자는 사용자의 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.