Ajax请求实现方式

1，jQuery是由JavaScript写的框架，使用jquery的$.ajax()方法更简洁和方便

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>

2，ajax请求的语法

<script>
    $.ajax({
        url:"",
        type:"get",
        data:{
            a:1,
            b:2
        },
        success:function (res) {
            console.log(res)
        }
    })
</script>

参数以键值对的形式，必备参数
url：发送的地址，不写则默认是当前url,type：请求类型，data：发送的数据
data在JavaScript中是object类型，function是一个回调函数

def index(request):
    print(request.GET) # <QueryDict: {'a': ['1'], 'b': ['2']}>
    return render(request, "app01/index.html")

这就是一个最简单的ajax请求，请求类型也是get，而post请求不同需要一个csrf验证
可以先在setting.py的MIDDLEWARE中先注释

<input type="text" id="num1">+<input type="text" id="num2">=<input type="text" id="res">&nbsp;<button>计算</button>

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>

<script>
    $.ajax({
        url: "/app01/cal/",
        type: "post",
        data: {
            n1: $("#num1").val(),
            n2: $("#num2").val(),
        },
        success: function (data) {
            console.log(data)
            $("#res").val(data)
        }
    })
</script>