标签: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一样引用即可
标签:jquery 格式 getc end main style ret 概念 cookies
原文地址:https://www.cnblogs.com/wt7018/p/11285970.html