Jquery的Ajax技術（重點）
jquery是一個優秀的js框架，自然對js原生的ajax進行了封裝，封裝后的ajax的操作方法更簡潔，功能更強大，與ajax操作相關的jquery方法有如下幾種，但開發中經常使用的有三種：
1）$.get(url, [data], [callback], [type])
2）$.post(url, [data], [callback], [type])
區別：get有字節碼亂碼問題，post無字節碼亂碼問題（獲取請求頁面數據到后臺，后臺response.setContextType(“text/html;charset=UTF-8”)響應亂碼問題還與原來一樣）
其中：
如果type為json，并且服務器端返回的就是json格式字符串jq內部會幫我們自動轉化，在回調函數中獲取的實參就是轉化完成的js對象直接使用即可。
參數的順序可更換的，但是如果把data放在后面會出現無法傳遞數據的問題，所以不要擅自更換嚴格按照jq文檔中的順序進行使用。
function get(){ $.get( "/web22-ajax/ajaxServlet2",//url {"name":"muzidigbig","age":22},//請求參數,json的數據格式 function(data){//請求成功后返回過來的參數 alert(data.name+data.age); }, "json" ); };//java只能是java代碼，前端頁面的代碼只能轉換成json對象response.getWriter().write("{/"name/":/"muzi/",/"age/":22}");3）$.ajax( { option1:value1,option2:value2... } ); （重要）
常用的option有如下：
async：是否異步，默認是true代表異步
url：請求服務器端地址
type：請求方式，POST/GET（不寫默認get）
data：發送到服務器的參數，建議使用json格式
success：成功響應執行的函數，對應的類型是function類型，請求成功后獲得的值會自動封裝在這個函數的第一個參數中
error:失敗響應執行的函數，對應的類型是function類型
dataType：服務器端返回的數據類型，常用text和json
beforeSend:function (argument) {},// 在發送請求之前調用,可以做一些驗證之類的處理如果返回false可以取消本次ajax請求。
<body><button>發送請求</button></body><script src="jquery-3.3.1.js"></script><script> $('button').click(function () { $.ajax({ async:true, url:"向后臺地址發送請求", type:'post',//請求的方式 data:{'name':'muzidigbig','age':'20'},//請求的數據 success:function (backdata) {//請求成功后返回的數據會封裝在回調函數的第一個參數中 //通過backdata來獲取所需要的數據 alert(backdata.name+backdata.age); }, error:function () {//響應不成功時返回的函數 console.log('請求失??！') }, dataType:'json'//設置返回的數據類型 }) });</script>若有不足請多多指教！希望給您帶來幫助！
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對武林網的支持。如果你想了解更多相關內容請查看下面相關鏈接
新聞熱點
疑難解答
