接上文:

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