如何使用两种方式在Django中通过Ajax发送POST请求？

本文共计280个文字，预计阅读时间需要2分钟。

Django使用Ajax发送POST请求的两种方法，简要内容如下：

第一种方法：- 将`csrf_token`放入表单单行内。- 使用`script`标签定义函数`add_competition_goods()`。- 使用jQuery的`$.ajax()`方法发送POST请求。

javascript

django ajax发送post请求的两种方法，具体内容如下所述：

第一种：将csrf_token放在from表单里

<script> function add_competion_goods() { $.ajax({ url: "{% url 'add_competition_goods' %}", type: "POST", dataType: "json", data: $('#add_competition_goods_from').serialize(),//直接将from表单打包 success: function () { $('#add_competition_modal').modal('hide'); alert('secces') } }) } </script>

第二种：发送前添加头部信息

<script> function submit_read_save_order_data() { var excel_file = document.getElementById("order_excel").files; var excel_file_size = excel_file[0]['size']; console.log(excel_file_size); if (excel_file_size > 0 & excel_file_size < 60000000) { alert("已开始上传"); $('button#upload_data').attr('disabled', 'disabled'); {#console.log(excel_file_size);#} var fd = new FormData(); fd.append('excels', excel_file[0]); $.ajax({ url: "{%url 'read_save_order_data' %}", type: "POST", dataType: "json", data: fd, processData: false,// tell jQuery not to process the data contentType: false,// tell jQuery not to set contentType beforeSend: function (xhr, setting) { xhr.setRequestHeader("X-CSRFToken", "{{ csrf_token }}") }, success: function (msg) { alert(msg) }, error: function (msg) { alert(msg) } } ) } else { alert("文件为空，或大小超出60M，请检查") } } </script>

总结

以上所述是小编给大家介绍的django ajax发送post请求的两种方法，希望对大家有所帮助！