django+js+ajax实现刷新页面的方法

django+js+ajax实现刷新页面的方法,第1张

概述本文实例讲述了django+js+ajax实现刷新页面方法。分享给大家供大家参考,具体如下:

本文实例讲述了django+Js+AJAX实现刷新页面的方法。分享给大家供大家参考,具体如下:

在服务器开发的时候,为了方便将服务器对外开一个接口来 *** 作,可以使用django制作网页,通过页面来 *** 作服务器。这样可以将服务器的维护工作暴漏在更加友好的界面 *** 作,而非通过SecureCRT去敲指令。而且还能提供给策划运维人员来处理一些常规的事情。

这里将会讲解一个非常小的知识点:

① Js如何发起一次请求
② django如何响应请求
③ Js接收到响应如何区域刷新页面

Js部分

我们先在HTML中定义一个button,并且将ID设置成btnTerminalSvr。定义一个反馈的静态标题ntfText

<h2 ID="ntfText" >就绪</h2></br><button type="button"  ID="btnTerminalSvr">关闭服务器</button>

编写Js来响应这个button的事件

<script type="text/JavaScript"> $('#btnTerminalSvr').on('click',function () {    alert('嘿,我听说您点击了按钮...' );    ...  });</script>

完善一次AJAX请求的请求调用,以及回调之后的处理:

<script type="text/JavaScript"> $("#btnTerminalSvr").click(function(){     $.AJAX({        url: './terminal_svr',type: 'POST',data: {},dataType: 'Json',timeout: 10000,success: function(result) {        if ( result.result == "post_success" ) {          $("#ntfText").HTML("发起成功");        }else {          $("#ntfText").HTML("重复发起了");        }        }       });  });</script>

在这里我们能在data里面填写一些Json格式的数据结构,这样就能附带一些消息提供给服务器做调用。当调用成功之后他将会回调function(result)。这种写法是Js的异步惯用写法,当服务器做出相应之后也我们能通过jquery框架直接去修改ID=ntfText部分的HTML字符串了。

django部分

第一步:我们先定义django的url相应的映射

url(r'^terminal_svr',vIEws.terminal_svr,name='terminal_svr'),

第二步:在vIEws.py中实现这个处理函数

from django.vIEws.decorators.csrf import csrf_exempt@csrf_exemptdef terminal_svr(request):  # 这里利用了django自身的登陆验证系统  if not request.user.is_authenticated():    return httpResponseRedirect(request.Meta.get('http_REFERER','/admin/'))  doSomething to terminal svr  a = {}  a["result"] = "post_success"  return httpResponse(Json.dumps(a),content_type='application/Json')

这块就比较简单了,我们可以读取request中的Json传过来的信息,并且当 *** 作成功后通过Json串返回一个字串给前段来判断是否 *** 作成功。

更多关于Python相关内容感兴趣的读者可查看本站专题:《Python入门与进阶经典教程》、《Python编码 *** 作技巧总结》、《Python图片 *** 作技巧总结》、《Python数据结构与算法教程》、《Python Socket编程技巧总结》、《Python函数使用技巧总结》、《Python字符串 *** 作技巧汇总》及《Python文件与目录 *** 作技巧汇总》

希望本文所述对大家Python程序设计有所帮助。

总结

以上是内存溢出为你收集整理的django+js+ajax实现刷新页面的方法全部内容,希望文章能够帮你解决django+js+ajax实现刷新页面的方法所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/langs/1202173.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-04
下一篇 2022-06-04

发表评论

登录后才能评论

评论列表(0条)

保存