AJAX与JSON交互详解-优快云博客

本文深入探讨了AJAX的概念及其实现方式，重点讲解了如何通过AJAX与JSON进行数据交互，包括设置请求参数、处理响应数据等关键步骤。同时，文章还介绍了如何使用AJAX上传文件及调整请求体数据类型的技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、概念

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,

更改请求体的数据类型从默认->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()

转载于:https://www.cnblogs.com/wt7018/p/11285970.html

Django AJAX