总结两种方式获取接口提供的数据

接上文：

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");