Django AJAX

一、概念

JS和XML文件异步操作(不改变整个页面的情况下进行数据交互)，现在XML，基本上是json文件

二、格式

$.ajax({
            url: "/ajax_add/",
            type: "GET",
            data: {"i1": $("#i1").val(), "i2": $("#i2").val()},
            success: function (data) {
                $("#i3").val(data);
            }

1、url: 数据提交的地址

2、type: 数据提交的类型

3、data: 数据字典的形式

4、success: 结束后端响应的数据

注意：前面三个是请求，第四步是接收后端响应的数据

　　后端直接传递json字符串，在前端AJAX可以通过反序列化解决，也通过下面发生

 

dataType: "json",

 

三、实现AJAX

def ajax_test(request):
    user_name = request.POST.get("username")
    password = request.POST.get("password")
    print(user_name, password)
    return HttpResponse("OK")

 四、补充

使用AJAX上传文件

processData: false,
contentType: false,

data必须是formData

var formData = new FormData();
formData.append("username", $("#id_username").val());

更改请求体的数据类型从默认->json

contextType

 $(".test").click(function () {
        $.ajax({
            url: '/test/',
            type: "POST",
            // HTTP请求体的数据类型，更改为json
            contentType: "application/json",
            data: JSON.stringify({a: 1, b: 2}),
            success: function (data) {
                console.log(data)
            },
        })
    })

后端

def test(request):
    print(request.POST)
    print(request.body)
    return HttpResponse('ok')

 

request.is_ajax()