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

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

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

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

① js如何发起一次请求

② django如何响应请求

③ js接收到响应如何区域刷新页面

js部分

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

就绪

关闭服务器

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

$('#btnTerminalSvr').on('click', function () {

alert('嘿，我听说您点击了按钮...' );

...

});

完善一次ajax请求的请求调用，以及回调之后的处理：

$("#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("重复发起了");

}

});

在这里我们能在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_exempt

def 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')

js中ajax刷新页面,django+js+ajax实现刷新页面的方法相关推荐

微信小程序app.js中的全局变量globalData改变，如何通知其它页面界面显示改变，小程序中如何在其他页面中监听到globalData中值的变化
微信小程序app.js中的全局变量globalData改变,如何通知其它页面界面显示改变,小程序中如何在其他页面中监听到globalData中值的变化在小程序中,我们一般在app.js的onLaun ...
js 中遇到英文双引号后端无法正常存储的解决方法
js 中遇到英文双引号后端无法正常存储的解决方法当在前端js输入框中要输入英文双引号的时候比如,"你好,北京",这个时候后端获取不到前端传输的数据.工作中遇到此文题思考很久,查资 ...
python django ajax 逻辑推理_python django初识ajax
什么是json json是轻量级文本数据交互格式 json独立语言符合的json对象 ["one", "two", "three"] {& ...
Vue中向js中传递参数并在js中定义对象并转换参数
场景有下面这种主从表结构上面的信息是主表的信息,下面是从表的信息. 在Vue中将页面的信息传递到js的方法中,在js方法中将参数进行转换使其与后台接收的参数相匹配. 注: 博客: https:// ...
js 中 java 代码_在js中嵌套java代码
jsp中有时候在js中操作某些java后台传递过来的数据逻辑比较复杂,比如list内容的遍历,可以直接在页面上添加java脚本来执行内容,代码如下: //在js中插入java代码操作 //取出java ...
node.js中模块_在Node.js中需要模块：您需要知道的一切
node.js中模块 by Samer Buna 通过Samer Buna 在Node.js中需要模块:您需要知道的一切 (Requiring modules in Node.js: Everythi ...
js中“||”和“”的高级用法 js，与或运算符 || 妙用
网络上找到的一篇关于逻辑与和逻辑或的文章,详细记录一下. http://www.jb51.net/article/21339.htm 例1:用于赋值 &&:从左往右依次判断,当当前值为 ...
后端响应的字符串“true”，在JS中不等于“true”？JS中if(“true“ == “true“)，结果为false?
答案:JS中if("true" == "true") 结果当然为true.只是因为响应的数据最后带有回车"\n",if("true ...
Js读取Cookie中指定字段的值，Js中读取某个Cookie，Js中根据Cookie的key得到对应的value，Js正则表达式匹配指定的Cookie
Js中想要读取Cookie中指定字段的值,可以遍历Cookie根据指定Key提取Cookie,或者使用正则表达式匹配Cookie,代码如下: /*** @description: 遍历cookie得到 ...

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

就绪

js中ajax刷新页面,django+js+ajax实现刷新页面的方法相关推荐

最新文章

热门文章