django+js+ajax实现刷新页面的方法_django返回刷新本页面 - CSDN文库

117 浏览量更新于2023-03-03 评论 1 收藏 66KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

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

主要介绍了django+js+ajax实现刷新页面的方法,结合实例形式分析了django实现ajax刷新页面功能的具体步骤与

相关操作技巧,需要的朋友可以参考下

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

在服务器开发的时候，为了方便将服务器对外开一个接口来操作，可以使用django制作网页，通过页面来操作服务器。这样可

以将服务器的维护工作暴漏在更加友好的界面操作，而非通过SecureCRT去敲指令。而且还能提供给策划运维人员来处理一

些常规的事情。

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

① js如何发起一次请求

② django如何响应请求

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

js部分部分

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

<h2 id="ntfText" >就绪</h2></br>

<button type="button" class="btn btn-success" 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_exempt

def terminal_svr(request):

# 这里利用了django自身的登陆验证系统

if not request.user.is_authenticated():

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论0

weixin_38621104

粉丝: 1
资源: 957

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈