Jquery Ajax 封装

Jquery Ajax封装

/**
 * 基地址
 */
var baseUrl = "域名:端口号";
/**
 *
 * @description: jqAjax 利用 ES6 promise 封装
 * @param {object} params 所传参数
 * @return {object} response 请求响应成功
* @return {object} error 请求响应失败
 */
var $api_http = function(params) {
  return new Promise((resolve, reject) => {
    $.ajax({
      url: baseUrl + params.url,
      type: params.type || "post",
      dataType: params.dataType|| "json",
      headers: params.headers || { 'contentType': 'Access-Control-Allow-Origin'},
      data: params.data,
      success(response ) {
        resolve(response );
      },
      error(error ) {
        reject(error );
      }
    });
  });
};

Jquery Ajax 调用

/**
 * ajax 调用 
 *利用 Es7 async 与 await 进行异步请求
 */
async function request() {
  var payload = { 参数名: "参数值" }; //载荷  所传参数
  var apiUrl = "api地址";
  var response= await $api_http({
    url: apiUrl,
    data: payload
  });
  if (response.请求成功状态名 === 请求成功状态值) {
  console.log("请求成功", response);
return;
  }
  console.log("请求失败", response);
}