码迷,mamicode.com
首页 > Web开发 > 详细

Django AJAX

时间:2019-08-01 23:57:18      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:jquery   格式   getc   end   main   style   ret   概念   cookies   

一、概念

JS和XML文件异步操作(不改变整个页面的情况下进行数据交互),现在XML,基本上是json文件

二、格式

$.ajax({
            url: "/ajax_add/",
            type: "GET",
            data: {"i1": $("#i1").val(), "i2": $("#i2").val()},
            success: function (data) {
                $("#i3").val(data);
            }

1、url: 数据提交的地址

2、type: 数据提交的类型

3、data: 数据字典的形式

4、success: 结束后端响应的数据

注意:前面三个是请求,第四步是接收后端响应的数据

三、AJAX处理csrf

1、原始

a、在HTML中添加

{% csrf_token %}

b、在data中添加csrf_token对应input的 键值对

"csrfmiddlewaretoken" : $("[name=‘csrfmiddlewaretoken‘]").val()

2、官放推荐

function getCookie(name) {
    var cookieValue = null;
    if (document.cookie && document.cookie !== ‘‘) {
        var cookies = document.cookie.split(‘;‘);
        for (var i = 0; i < cookies.length; i++) {
            var cookie = jQuery.trim(cookies[i]);
            // Does this cookie string begin with the name we want?
            if (cookie.substring(0, name.length + 1) === (name + ‘=‘)) {
                cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                break;
            }
        }
    }
    return cookieValue;
}
var csrftoken = getCookie(‘csrftoken‘);

function csrfSafeMethod(method) {
  // these HTTP methods do not require CSRF protection
  return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
}

$.ajaxSetup({
  beforeSend: function (xhr, settings) {
    if (!csrfSafeMethod(settings.type) && !this.crossDomain) {
      xhr.setRequestHeader("X-CSRFToken", csrftoken);
    }
  }
});

保存到一个JS文件,并像JQuery一样引用即可

 

Django AJAX

标签:jquery   格式   getc   end   main   style   ret   概念   cookies   

原文地址:https://www.cnblogs.com/wt7018/p/11285970.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!