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中shutil模块的常用文件操作函数用法示例
Jul 05 Python
python处理Excel xlrd的简单使用
Sep 12 Python
python高效过滤出文件夹下指定文件名结尾的文件实例
Oct 21 Python
Django添加KindEditor富文本编辑器的使用
Oct 24 Python
利用nohup来开启python文件的方法
Jan 14 Python
django ModelForm修改显示缩略图 imagefield类型的实例
Jul 28 Python
关于python 跨域处理方式详解
Mar 28 Python
django自定义非主键自增字段类型详解(auto increment field)
Mar 30 Python
keras 权重保存和权重载入方式
May 21 Python
Python 实现劳拉游戏的实例代码(四连环、重力四子棋)
Mar 03 Python
用基于python的appium爬取b站直播消费记录
Apr 17 Python
浅析Django接口版本控制
Jun 26 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
十天学会php之第四天
2006/10/09 PHP
php操作sqlserver关于时间日期读取的小小见解
2009/11/29 PHP
计算php页面运行时间的函数介绍
2013/07/01 PHP
PHP实现变色验证码实例
2014/01/06 PHP
Yii框架form表单用法实例
2014/12/04 PHP
Apache连接PHP后无法启动问题解决思路
2015/06/18 PHP
PHP图片添加水印功能示例小结
2016/10/03 PHP
PHP中关于php.ini参数优化详解
2020/02/28 PHP
改写一个简单的菜单 弹性大小
2010/12/02 Javascript
jquery 漂亮的删除确认和提交无刷新删除示例
2013/11/13 Javascript
IE下通过a实现location.href 获取referer的值
2014/09/04 Javascript
在JavaScript中操作时间之getUTCDate()方法的使用
2015/06/10 Javascript
Jquery结合HTML5实现文件上传
2015/06/25 Javascript
NodeJs下的测试框架Mocha的简单介绍
2017/02/22 NodeJs
详解vue与后端数据交互(ajax):vue-resource
2017/03/16 Javascript
学习使用Bootstrap输入框、导航、分页等常用组件
2017/05/11 Javascript
Bootstrap 表单验证formValidation 实现远程验证功能
2017/05/17 Javascript
vue 组件高级用法实例详解
2018/04/11 Javascript
vue实现前端列表多条件筛选
2020/10/26 Javascript
Antd表格滚动 宽度自适应 不换行的实例
2020/10/27 Javascript
keep-alive保持组件状态的方法
2020/12/02 Javascript
JavaScript中跨域问题的深入理解
2021/03/04 Javascript
Python进行数据科学工作的简单入门教程
2015/04/01 Python
python实现Dijkstra算法的最短路径问题
2019/06/21 Python
树莓派+摄像头实现对移动物体的检测
2019/06/22 Python
Pandas_cum累积计算和rolling滚动计算的用法详解
2019/07/04 Python
python脚本执行CMD命令并返回结果的例子
2019/08/14 Python
浅谈Keras参数 input_shape、input_dim和input_length用法
2020/06/29 Python
Python预测2020高考分数和录取情况
2020/07/08 Python
python 获取剪切板内容的两种方法
2020/11/28 Python
css3针对移动端卡顿问题的解决(动画性能优化)
2020/02/14 HTML / CSS
豪华床上用品 :Jennifer Adams
2019/09/15 全球购物
德国专业木制品经销商:Holz-Direkt24
2019/12/26 全球购物
政府采购方案
2014/06/12 职场文书
行政执法队伍作风整顿剖析材料
2014/10/11 职场文书
Mysql Online DDL的使用详解
2021/05/20 MySQL