Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/407.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用ajax将json格式的html表单发布到Django_Javascript_Jquery_Ajax_Django_Json - Fatal编程技术网

Javascript 使用ajax将json格式的html表单发布到Django

Javascript 使用ajax将json格式的html表单发布到Django,javascript,jquery,ajax,django,json,Javascript,Jquery,Ajax,Django,Json,我有下面的html表单,我想用JSON格式的ajax发布到url 我无法在Django(后端)中收到回复,请告知我哪里出了问题 这是我的html表单 <form id ="addressform" > <input type="text" name="DoorNo" id="text-basic" value="" placeholder="Door no."> <input type="text" name="BuildingName

我有下面的html表单,我想用JSON格式的ajax发布到url

我无法在Django(后端)中收到回复,请告知我哪里出了问题

这是我的html表单

    <form id ="addressform" >
    <input type="text" name="DoorNo" id="text-basic" value="" placeholder="Door no.">   
    <input type="text" name="BuildingName" id="text-basic" value="" placeholder="Building/Road Name">        
    <button type="submit" onclick="addressform()" >Submit</button>
    </form>
这是我在Django(后端)的views.py中的函数


你能在上面添加你直接指向的URL吗

function addressform() {    
    $.ajax({
        url : "{% url 'app:your_view' %}",
        type: "POST",
        data: { ... },

        success : function(json) {
            //success!
            console.log(json);

        },

        error : function(xhr,errmsg,err) {
            // what to do it there is an error
            }
        });
    };
})
还取决于您使用的python版本。你可以用

return JsonResponse(data_you_want)

在你看来,我有点困惑你在做什么

数据应该在request.POST字典中。您会得到什么样的错误(如果有)?您是否在视图中接收数据?
function addressform() {    
    $.ajax({
        url : "{% url 'app:your_view' %}",
        type: "POST",
        data: { ... },

        success : function(json) {
            //success!
            console.log(json);

        },

        error : function(xhr,errmsg,err) {
            // what to do it there is an error
            }
        });
    };
})
return JsonResponse(data_you_want)