ajax
1.什么是ajax
ajax就是在不刷新整个页面的情况下,去更新局部页面的内容(无刷新技术)
2.ajax有什么优点
最大的一点是页面无刷新,在页面内与服务器通信,给用户的体验非常好。
使用异步方式与服务器通信,不需要打断用户的操作,具有更加迅速的响应能力。
可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器和带宽的负担,基于标准化的并被广泛支持的技术,不需要下载插件或者小程序。
3.ajax通常用应用在那些场景
- 场景1. 用Ajax进行数据验证
- 场景2. 按需加载数据
- 场景3. 自动更新页面
4.ajax的格式
1.在html编写js代码
html的代码
<select style="color:red;" uid="{{ v.id }}" class="sel_status"><option value="0" {% if v.status == 0%}selected {% endif %}>正常</option><option value="1" {% if v.status == 1%}selected {% endif %}>冻结</option></select>
js的代码
# $.get(路径,传值,请求成功的方法,数据方式)$(".sel_status").change(function(){// 获取status的值,this代表当前对象本身var status = $(this).val();// 获取当前修改的内容的id,attr获取对象中的属性var uid = $(this).attr('uid')// 构建ajax$.get('{% url 'myadmin/user/edit_status' %}',{'uid':uid,'status':status},function(data){//data就是用来接收后台返回的值,可自定义 alert(data.msg) },'json')})
注意:
- ajax请求的方法中只能以json的格式进行返回
- ajax请求的方法中如果存在打印,那么会终止ajax程序
5.select改变事件
change:只要select表单中的内容被改变,就会触发这个事件
6.返回ajax的函数
1.引入JsonResponse
from django.http import HttpResponse,JsonResponse
2.JsonResponse返回的格式
return JsonResponse(字典)
作者:秋叶夏风
出处:https://blog.csdn.net/qq_40223983
本文版权归作者和CSDN博客共有。欢迎转载,但必须保留此段声明,且在文章页面明显位置给出原文连接!