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


Posted in Python onJanuary 05, 2020

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

Python 相关文章推荐
Python使用bs4获取58同城城市分类的方法
Jul 08 Python
python实现协同过滤推荐算法完整代码示例
Dec 15 Python
Python之ReportLab绘制条形码和二维码的实例
Jan 15 Python
详解Python使用Plotly绘图工具,绘制甘特图
Apr 02 Python
Python Pandas实现数据分组求平均值并填充nan的示例
Jul 04 Python
python yield和Generator函数用法详解
Feb 10 Python
Python爬取365好书中小说代码实例
Feb 28 Python
win7上tensorflow2.2.0安装成功 引用DLL load failed时找不到指定模块 tensorflow has no attribute xxx 解决方法
May 20 Python
python 图像判断,清晰度(明暗),彩色与黑白实例
Jun 04 Python
Python批量修改xml的坐标值全部转为整数的实例代码
Nov 26 Python
Python爬虫爬取微博热搜保存为 Markdown 文件的源码
Feb 22 Python
实例讲解Python中sys.argv[]的用法
Jun 03 Python
关于tensorflow的几种参数初始化方法小结
Jan 04 #Python
基于TensorFlow常量、序列以及随机值生成实例
Jan 04 #Python
Tensorflow 实现分批量读取数据
Jan 04 #Python
Tensorflow的常用矩阵生成方式
Jan 04 #Python
Tensorflow读取并输出已保存模型的权重数值方式
Jan 04 #Python
tensorflow实现打印ckpt模型保存下的变量名称及变量值
Jan 04 #Python
tensorflow 获取所有variable或tensor的name示例
Jan 04 #Python
You might like
substr()函数中文版
2006/10/09 PHP
php数据入库前清理 注意php intval与mysql的int取值范围不同
2010/12/12 PHP
通过5个php实例细致说明传值与传引用的区别
2012/08/08 PHP
php页面消耗内存过大的处理办法
2013/03/18 PHP
多个PHP中文字符串截取函数
2013/11/12 PHP
PHP生成短网址方法汇总
2016/07/12 PHP
在PHP中输出JS语句以及乱码问题的解决方案
2019/02/13 PHP
Highslide.js是一款基于js实现的网页中图片展示插件
2020/03/30 Javascript
javascript 防止刷新,后退,关闭
2010/08/07 Javascript
jQuery学习笔记[1] jQuery中的DOM操作
2010/12/03 Javascript
关于JavaScript中原型继承中的一点思考
2012/07/25 Javascript
jQuery判断checkbox是否选中的3种方法
2014/08/12 Javascript
jQuery插件Elastislide实现响应式的焦点图无缝滚动切换特效
2015/04/12 Javascript
jQuery通过写入cookie实现更换网页背景的方法
2016/04/15 Javascript
bootstrap读书笔记之CSS组件(上)
2016/10/17 Javascript
Node.js中文件操作模块File System的详细介绍
2017/01/05 Javascript
bootstrap配合Masonry插件实现瀑布式布局
2017/01/18 Javascript
JS全角与半角转化实例(分享)
2017/07/04 Javascript
Swiper自定义分页器使用详解
2017/12/28 Javascript
详解vue组件开发脚手架
2018/06/15 Javascript
ES6 Array常用扩展的应用实例分析
2019/06/26 Javascript
微信小程序实现二维码签到考勤系统
2020/01/16 Javascript
vuex+axios+element-ui实现页面请求loading操作示例
2020/02/02 Javascript
[02:51]2018年度DOTA2最佳中单位选手-完美盛典
2018/12/17 DOTA
Python3实现二叉树的最大深度
2019/09/30 Python
python 爬虫爬取京东ps4售卖情况
2020/12/18 Python
解决import tensorflow导致jupyter内核死亡的问题
2021/02/06 Python
意大利文具和办公产品在线商店:Y-Office
2020/02/27 全球购物
建筑经济管理专业求职信分享
2014/01/06 职场文书
红领巾心向党广播稿
2014/01/19 职场文书
培训班主持词
2014/03/28 职场文书
大学生应聘求职信
2014/05/26 职场文书
2014感恩节演讲稿大全
2014/10/11 职场文书
党的群众路线教育实践活动批评与自我批评范文
2014/10/16 职场文书
区域经理岗位职责
2015/02/02 职场文书
一篇文章告诉你如何实现Vue前端分页和后端分页
2022/02/18 Vue.js