簡潔Ajax函數處理(示例代碼)

更新時間：2013年11月15日 09:06:57 作者：

Ajax是前后端交互經常用的，雖然jQuery瘋狂ajax處理函數 $.post(), $.get(); $.ajax()已經大大的簡化了ajax的函數處理，但我們可以更加精益求精

以下是封裝的一個處理函數，使用是也十分方便：

文件的名字命名為： jQuery.ajaxRequest.js .

使用方法：

復制代碼代碼如下:

$('._ajax').click(function(){
_ajax.request(this);
return false;
});

該ajax文件代碼：

復制代碼代碼如下:

// 改進版 _ar
function _ar2(s, target, feedback, param, methods){
var url, method;
var params = {};
if( (s instanceof jQuery) && s.attr("tagName")=='VFORM') {
  url  = s.attr('action');
  method = s.attr('method');
  params = param || $('input, textarea, select',s).serialize();
}else if( (s instanceof jQuery) && s.attr("tagName")=='FORM') {
  url  = s.attr('action');
  method = s.attr('method');
  params = param || s.serialize();
}else if(typeof(s)=='string'){
  url  = s; // http://...
}

url = url || '';
method = method || methods || 'GET';
params = param ? param : params;
jQuery.ajax({
  type: method,url:url,data:params,
  beforeSend: function(){
   //jQuery.jGrowl('數據讀取中請稍候..', { header: '提示', theme: 'blue'});
  },
  success: function(data) {
   //data = jQuery.trim(data).replace(/[\n\t\r]/gi,'');
   if(feedback){
    eval(feedback+'(\''+escape(data)+'\')');
    return;
   }else{
    if(data){
     if(target){
      jQuery(target).html(data);
      jQuery.jGrowl('頁面請求完畢.', { header: '提示', theme: 'green', 'life': 100});
      return;
     }
    }else{
     lg('no feedback');
     jQuery.jGrowl('服務器無返回信息.', { header: '提示', theme: 'blue'});
     return;
    }
   }
   jQuery.jGrowl(data, { header: '提示', theme: 'blue'});
  },
  error: function (e){
   var s = e.status;
   switch(s) {
    case 404:
     jQuery.jGrowl('請求的頁面無法找到. 請聯(lián)系系統(tǒng)管理員.', { header: '提示', theme: 'blue'});
    break;
    case 500:
     jQuery.jGrowl('服務器錯誤[500]. 請聯(lián)系系統(tǒng)管理員.', { header: '提示', theme: 'blue'});
    break;
    default:
     //log('unknow error');
     lg(s);
     jQuery.jGrowl('未知錯誤. 請聯(lián)系系統(tǒng)管理員.', { header: '提示', theme: 'blue'});
   }
  }
});
}