如何在django中使用ajax发送post请求

本篇文章给大家分享的是有关如何在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请求，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注亿速云行业资讯频道。