javascript - 使用ajax将html表单以json格式发布到Django

标签 javascript jquery ajax django json

我有下面的 html 表单,我想使用 ajax 以 JSON 格式将其发布到 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>

这是我的 jQuery

function addressform() {                    
                        var data = $('#addressform').serializeArray();
                        $.post('/suggestions', data);
                       }

这是我在 Django(后端)的views.py 中的函数。

def suggestions(request):
   data = json.loads(request.body)
   #print data
   return HttpResponse( json.dumps({"status" : 1}) )

最佳答案

您可以添加您定向到的上述 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)

我对你在做什么感到有点困惑......

关于javascript - 使用ajax将html表单以json格式发布到Django,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19674608/

相关文章:

javascript - Google 图表在 Bootstrap 模态中显示时显示对齐错误

javascript - 打印应用了 CSS 样式的 Angular 网页

javascript - 无法从输入字段中获取日期并将其转换为 IE8 中的日期对象

javascript - 如何使用 javascript [object] 显示数据

php - 如何从 mysql 读取标记信息并使用 AJAX 在谷歌地图上动态显示这些标记?时间问题

ajax - 如何将 Access-Control-Allow-Origin 添加到我在 VB 中创建的 ASMX Web 服务?

javascript - 如何通过 css 将 Skycon 的图标居中?

javascript - $variable 这种变量是什么

Javascript 变量返回未定义

javascript - 另一个 ajax 调用 (a) 的回调中的 Ajax 调用 (b) 在 (a) 完成之前执行