js 抓取网页内容( 2018年05月28日这篇分享:具有很好的参考价值)

优采云 发布时间: 2022-02-23 20:22

  js 抓取网页内容(

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实现部分页面刷新的示例代码就是编辑器共享的全部内容。希望能给大家一个参考,也希望大家多多支持脚本之家。

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线