django与前端页面进行简单交互

一，下载并导入jquery包，用ajax请求。

$(".login-button").click(function () {
        if(CheckData() == true){
            $.ajax({
                url:'http://192.168.0.68:8000/conversion/EPC/',
                data:{
                        CompanyPrefix:$(".CompanyPrefix").val(),
                        FilterValue:$(".FilterValue").val(),
                        UPC:$(".UPC").val(),
                        SerialNumber:$(".SerialNumber").val(),
                        AllNumber:$(".AllNumber").val()
                },
                type:'POST',
                dataType:'json',
                success:function (data) {
                    console.log("success");
                    console.log(data);
                },
                error:function (data) {
                    console.log("error");
                    console.log(data)
                }
            })
        }
    })

如果用“post”请求会报403的错误，因为当用post提交数据的时候，django会去检查是否有一个csrf的随机字符串。

所以可以在js脚本添加发送数据。

$.ajaxSetup({
 　data: {csrfmiddlewaretoken: '{{ csrf_token }}'}
})

二，ajax的回调函数sucess与error，出现了一个问题，即使django有用HttpResponse返回数据，但还是调用函数error。


需要用HttpResponse返回json类型的数据，HttpResponse(json.dumps(data))。

调用success函数。