在頁面不刷新的情況下，異步加載把數據傳給服務器 ``` // $ ==> JQuery $(function () { $("#submit").click(function (even) { //阻止表單按鈕的提交表單的事件 even.preventAndSave(); var oldpwdElement = $("input[name=oldpwd]"); var newpwdElement = $("input[name=newpwd]"); var newpwd2Element = $("input[name=newpwd2]"); var oldpwd = oldpwdElement.val(); var newpwd = newpwdElement.val(); var newpwd2 = newpwd2Element.val(); //1.要在模板的meta中渲染一個crsf_token //2.在ajax請求的頭部中設置X-CSRFtolen zlajax.post({ 'url':'/cms/resetpwd/', 'data':{ 'oldpwd':oldpwd, 'newpwd':newpwd, 'newpwd2':newpwd2, }, 'success':function (data) { console.log(data); }, 'fail':function (error) { console.log(error); } }) }); }); ``` 對jquery的ajax的封裝 ``` /** * Created by hynev on 2017/11/10. */ // 對jquery的ajax的封裝 'use strict'; var zlajax = { 'get':function(args) { args['method'] = 'get'; this.ajax(args); }, 'post':function(args) { args['method'] = 'post'; this.ajax(args); }, 'ajax':function(args) { // 設置csrftoken this._ajaxSetup(); $.ajax(args); }, '_ajaxSetup': function() { $.ajaxSetup({ 'beforeSend':function(xhr,settings) { if (!/^(GET|HEAD|OPTIONS|TRACE)$/i.test(settings.type) && !this.crossDomain) { var csrftoken = $('meta[name=csrf-token]').attr('content'); xhr.setRequestHeader("X-CSRFToken", csrftoken) } } }); } }; ```