使用jQuery中ajax例項
阿新 • • 發佈：2020-12-07
技術標籤：jqueryjavascript
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> </head> <body> <button onclick="do_ajax()">獲取資料</button> <p id="txt"></p> </body> <script src="jquery-1.5.1.js"></script> <script> function do_ajax(){ //請求地址 var url="http://localhost:8080/yszdServer/entry?method=test_jajax"; //請求引數 var data = "{a:'haha'}"; // $.ajax({ //請求方式 type : "POST", //請求的媒體型別 contentType: "application/json;charset=UTF-8", //請求地址 url : url, //資料，json字串 data : data, //請求成功 success : function(result) { document.getElementById("txt").innerText=result; }, //請求失敗 error : function(e){ document.getElementById("txt").innerText=e.responseText; } }); } </script> </html>
將後臺返回的完整Json格式資料輸出到頁面：（後臺組裝的資料是這樣的 ：{"res":"這是後臺返回的資料：haha"}）
歡迎點贊！