js 抓取网页内容( 2018年05月28日这篇分享:具有很好的参考价值)
优采云 发布时间: 2022-02-23 20:22js 抓取网页内容(
2018年05月28日这篇分享:具有很好的参考价值)
django js实现部分页面刷新的示例代码
更新时间:2018-05-28 10:25:16 作者:云端未知
今天小编给大家分享一个django js实现局部页面刷新的示例代码,具有很好的参考价值,希望对大家有所帮助。跟我来看看
在示例中,我使用了一个表格来显示机器上的进程信息。在获取不同机器的进程信息时,我更新了显示信息的表格,如下:
当我在输入框中输入ip时,我只想更新这个表单,页面其他部分保持不变,实现如下:
1、在原创页面中设置此表的id为pstable
user
pid
cmd
{% for ps in info.ps_data %}
{% for item in ps %}
{{ item }}
{% endfor %}
{% endfor %}
2、实现js
$(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、查看函数
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代码
user
pid
cmd
{% for ps in info.ps_data %}
{% for item in ps %}
{{ item }}
{% endfor %}
{% endfor %}
当点击按钮查询指定ip的进程信息时,process()会判断这个ip是否存在。如果这个ip存在,则会将pstable.html保存到js函数中的data参数中,然后js参数会调用回调函数存储id,将pstable标签的html替换为参数data保存的html,即pstable.html,从而在本地修改页面,显示进程信息。
上面django js实现部分页面刷新的示例代码就是编辑器共享的全部内容。希望能给大家一个参考,也希望大家多多支持脚本之家。