原生ajax

  1. var xmlhttp =  new XMLHttpRequest();
  2. xmlhttp.onreadystatechange = function () {
  3.     if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
  4.         alert(xmlhttp.responseText)
  5.     }
  6. };
  7. xmlhttp.open("GET", "BaseAjaxServlet", true);// 请求方式，servlet名，是否异步
  8. xmlhttp.send();

jq版本

  • 简写
  1. $.get(
  2.     "BaseAjaxServlet",
  3.     {
  4.         name:"田云",
  5.         age:26
  6.     },
  7.     function (data) {
  8.         alert(data);
  9.     },
  10.     "text"
  11. );
  • 全部参数
  1. $.ajax({
  2.     type: "GET",
  3.     url: "BaseAjaxServlet",
  4.     data: {
  5.         name: "田云",
  6.         age: 26
  7.     },
  8.     success: function (data) {
  9.         alert(data);
  10.     },
  11.     error: function (jqXHR, textStatus, errorThrown) {
  12.         /*弹出jqXHR对象的信息*/
  13.         alert(jqXHR.responseText); // 服务器响应返回的文本信息
  14.         alert(jqXHR.status); //HTTP状态码，比如常见的404,500等
  15.         alert(jqXHR.readyState); //当前状态,0-未初始化，1-正在载入，2-已经载入，3-数据进行交互，4-完成
  16.         alert(jqXHR.statusText); // 对应状态码的错误信息
  17.         /*弹出其他两个参数的信息*/
  18.         alert(textStatus); // 返回的状态 "timeout"（超时）, "error"（错误）, "abort"(中止), "parsererror"（解析错误），还有可能返回空值。
  19.         alert(errorThrown); // 服务器抛出返回的错误信息
  20.     },
  21.     sync: true,
  22.     dataType: "text"
  23. });
  26. $.ajax({
  27.     type:"POST",
  28.     url:url,
  29.     contentType:"application/json ; charset=utf-8",
  30.     dataType: 'json',
  31.     data: JSON.stringify(data),
  32.     success:function(data) {
  33.         if (data.code == 0) {
  34.             articleDetailSuccess(data.data);
  35.         } else {
  36.             layer.msg('接口返回错误');
  37.         }
  38.     },
  39.     error: function(error) {
  40.         layer.msg('请求接口失败');
  41.     }
  42. });

axios

参考：https://www.yuque.com/tianyunperfect/ygzsw4/rgvcf2

这短短的一生我们最终都会失去，不放大胆一点，爱一个人、攀一座山、追一个梦！