Django Ajax POST請求失敗解決辦法

Django到了1.2.5版本以上,Ajax POST請求的使用發生了一些改變,我們還記得前些版本1.2,Django加入了CSRF機制,大大增強了網絡請求的安全性,正是因爲這點,現在的Django對頁面任何POST請求的數據進行跨域***保護。當你升級到1.2.5或更高版本後,你會發現以前1.2.4版本的Ajax POST腳本方法都不能用或者出錯了,Django官網上提供了一個解決辦法,加個JQuery ajaxSend事件,讓你以前的Ajax Post腳本能重新正常使用起來。請看代碼:


$(document).ajaxSend(function(event, xhr, settings) {

   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;

   }

   function sameOrigin(url) {

       // url could be relative or scheme relative or absolute

       var host = document.location.host; // host + port

       var protocol = document.location.protocol;

       var sr_origin = '//' + host;

       var origin = protocol + sr_origin;

       // Allow absolute or scheme relative URLs to same origin

       return (url == origin || url.slice(0, origin.length + 1) == origin + '/') ||

           (url == sr_origin || url.slice(0, sr_origin.length + 1) == sr_origin + '/') ||

           // or any other URL that isn't scheme relative or absolute i.e relative.

           !(/^(\/\/|http:|https:).*/.test(url));

   }

   function safeMethod(method) {

       return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));

   }


   if (!safeMethod(settings.type) && sameOrigin(settings.url)) {

       xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken'));

   }

});


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章