總結兩種方式獲取接口提供的數據

接上文：

vue版本：https://www.cnblogs.com/eliwen/p/12047634.html

JQuery版本：https://www.cnblogs.com/eliwen/p/12047614.html

 

1. 發送ajax請求，要通過$.ajax()，參數是對象，里面有固定的參數名稱。
   $.ajax({
　　　　"url":"數據接口url地址",
　　　　"method":"http請求方式，前端只支持get和post",
　　　　"dataType":"設置服務器返回的數據格式，常用的json，html，jsonp，默認值就是json",
　　　　// 要發送給后端的數據參數，post時，數據必須寫在data，get可以寫在data,也可以跟在地址欄?號后面

　　　　"data":{
　　　　　　"數據名稱":"數據值",
　　　　　　}
　　　　}).then(function(resp){ // ajax請求數據成功時會自動調用then方法的匿名函數
　　　　　　console.log( resp ); // 服務端返回的數據
　　　　}).fail(function(error){ // ajax請求數據失敗時會自動調用fail方法的匿名函數
　　　　　　console.log( error );
　　　　});

2. ajax的使用往往配合事件/鈎子操作進行調用。

 

jQuery還提供了$.get 和 $post簡寫$.ajax的操作。

// 發送get請求
// 參數1：數據接口的請求地址
// 參數2：發送給接口地址的數據參數
// 參數3：ajax請求成功以后，調用的匿名函數，匿名函數的第一個參數還是服務端返回的數據
// 參數4：設置服務端返回的數據格式，告訴給jQuery
$.get("test.php", { "func": "getNameAndTime" },
　　function(data){
　　　　alert(data.name); // John
　　　　console.log(data.time); // 2pm
　　}, "json");

// 發送post請求
// 參數1：數據接口的請求地址
// 參數2：發送給接口地址的數據參數
// 參數3：ajax請求成功以后，調用的匿名函數，匿名函數的第一個參數還是服務端返回的數據
// 參數4：設置服務端返回的數據格式，告訴給jQuery
$.post("test.php", { "func": "getNameAndTime" },
　　function(data){
　　　　alert(data.name); // John
　　　　console.log(data.time); // 2pm
　　}, "json");