Simple HTML
< Div > < type= "Submit" ID= "tes" value= "tes"> <ID= "Test"></Div ></div>
Simple back-office functions
deftes (Request): URL= Request. post['URL']if 'URL' inchRequest. POSTElse 'T'Word= Request. post['Word']if 'Word' inchRequest. POSTElse 'T' returnHttpResponse (Url+word)
Direct-Attach JavaScript
$ (document). Ready (function() {
Get Cookie functionfunctionGetCookie (name) {varCookievalue =NULL; if(Document.cookie && Document.cookie! = ") { varcookies = Document.cookie.split ('; ')); for(vari = 0; i < cookies.length; i++) { varCookie =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; } } } returnCookievalue; }
Get the cookie that csrftoken corresponds tovarCsrftoken = GetCookie (' Csrftoken ')); functionCsrfsafemethod (method) {//these HTTP methods do not require CSRF protection return(/^ (get| head| options| TRACE) $/. Test (method)); }
#cookie写入头部 $.ajaxsetup ({beforesend:function(XHR, settings) {if(!csrfsafemethod (settings.type) &&! This. Crossdomain) {Xhr.setrequestheader ("X-csrftoken", Csrftoken); } } }); $("#tes"). Click (function() { //alert ("T"); //$.get (' Http://127.0.0.1:8000/search ', function (data) { //Optional stuff to does after success //$ ("#test"). Append (data); // }); varCsrftoken =$.post (' Tes/', {URL:' URL ', Word:' word ', }, function(data, Textstatus, XHR) {/*Optional stuff to does after success*/ $("#test"). append (data); }); });});
Results: