Django中使用ajax技术概述

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博客共有。欢迎转载，但必须保留此段声明，且在文章页面明显位置给出原文连接！