网络编程
位置:首页>> 网络编程>> Python编程>> django ajax发送post请求的两种方法

django ajax发送post请求的两种方法

作者:xsan  发布时间:2022-06-21 07:06:51 

标签: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请求的两种方法,希望对大家有所帮助!

来源:https://www.cnblogs.com/xshan/archive/2020/01/05/12151606.html

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com