ajax方法封装

Posted 胡亮

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax方法封装相关的知识,希望对你有一定的参考价值。

 

/**
* 公用方法:使用AJAX获取数据
* @param {[type]} param [参数]
* @param {[type]} url [路径]
* @param {[type]} callBack [成功的回调函数]
*/
function ajax(param, url, callBack) {
  $.ajax({
    type: "GET",
    url: serverUrl + url,
    data: $.param(param, true),
    success: callBack,
    error: function(xhr) {
      console.error("ERROR:" + url + ", xhr.status:" + xhr.status + ", xhr.statusText:" + xhr.statusText);
    }
  });
}
/**
* 公用方法:使用AJAX提交数据
* @param {[type]} param [参数]
* @param {[type]} url [路径]
* @param {[type]} callBack [成功的回调函数]
*/
function ajaxPost(param, url, callBack) {
  $.ajax({
    type: "POST",
    url: serverUrl + url,
    data: $.param(param, true),
    success: callBack,
    error: function(xhr) {
    console.error("ERROR:" + url + ", xhr.status:" + xhr.status + ", xhr.statusText:" + xhr.statusText);
    }
  });
}


































以上是关于ajax方法封装的主要内容,如果未能解决你的问题,请参考以下文章

jQuery 封装 ajax 的使用方法

jQuery封装的ajax方法发送jsonp请求ajax全局事件restful风格的api获取XML数据

ajax方法封装

原生ajax 方法封装

原生JS封装ajax方法

封装一个类似jquery的ajax方法