一，Ajax GET請求和POST請求知識點

1，GET請求不用添加 {% csrf_token%} ?,也不會報csrftoken的錯

2，POST請求的話，就需要添加?{% csrf_token%} 標(biāo)簽， 而且要使用$.ajax() 方法，將token傳遞到服務(wù)端

3，傳遞過去就行了，后臺自動會處理，無需用手工處理這個token

二，以下是代碼示例

以下是index.html代碼示例(里面有使用ajax,GET和POST方法的代碼示例)

1

2

3

4

5

6

7

AJAX局部刷新實例

8

9

10

11

12 {% csrf_token %}13 +14 =15

16

17

18

19

20

---

21 xxxxxxxxxxxx

22

23

24

25

26 //添加點擊事件，定義回調(diào)函數(shù)，當(dāng)點擊#b1元素時，則執(zhí)行函數(shù)

27 $("#b1").on("click",function() {28 $.ajax({29 url:"/ajax_add/",//要跳轉(zhuǎn)到哪里，所以就沒有必要再使用form表單的跳轉(zhuǎn)和提交了

30 type:"GET",//可以使用POST，或GET都可以

31 data:{"i1":$("#i1").val(),"i2":$("#i2").val()},//使用jquery獲取DOM元素的值，并傳遞到后端

32 success:function(data) {//發(fā)送AJAX請墳成功后，執(zhí)行回調(diào)函數(shù)，data則是獲取的后端數(shù)據(jù)，

33 $("#i3").val(data);//給DOM元素設(shè)置值

34 }35 })36 })37 //jquery ajax使用 POST方法提交，則必須把CSRF_TOKEN也傳遞到服務(wù)器(這樣才是完全和form表單提交的方式一樣)

38 //如果是使用get方法提交，則就不需要csrf_token,

39 $("#b2").on("click",function() {40 //找到頁面上的CSRF_TOKEN，name屬性值應(yīng)該都一樣，

41 //使用jquery語法，根據(jù)name屬性找到元素，再使用val方法獲取值

42 varcsrfToken=$("[name='csrfmiddlewaretoken']").val();43 $.ajax({44 url:"/ajax_add2/",//要跳轉(zhuǎn)到哪里，所以就沒有必要再使用form表單的跳轉(zhuǎn)和提交了

45 type:"POST",//可以使用POST，或GET都可以

46 //使用jquery獲取DOM元素的值，并傳遞數(shù)據(jù)到后端

47 data:{"i1":$("#i1").val(),"i2":$("#i2").val(),'csrfmiddlewaretoken':csrfToken},48 success:function(data) {//發(fā)送AJAX請墳成功后，執(zhí)行回調(diào)函數(shù)，data則是獲取的后端數(shù)據(jù)，

49 $("#i3").val(data);//給DOM元素設(shè)置值

50 }51 })52 })53 //以下事件是點擊后使用，使用jqurey創(chuàng)建一個IMG標(biāo)簽，并添加上，

54 $('#b3').on('click',function(){55 $.ajax({56 //url:'/test/',

57 //type:'get',

58 success:function(a){59 //在頁面上創(chuàng)建一個標(biāo)簽

60 varmyimg=$("").attr('src','/static/1.jpg');61 $('#d1').append(myimg);62 }63 })64 })65

66

67

68

總結(jié)

以上是生活随笔為你收集整理的ajax csrf php,JQueqy Ajax的使用(POST\GET请求 csrf_token)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。