簡潔Ajax函數(shù)處理(示例代碼)
以下是封裝的一個處理函數(shù)，使用是也十分方便：
文件的名字命名為： jQuery.ajaxRequest.js .
使用方法：
$('._ajax').click(function(){
_ajax.request(this);
return false;
});
var _ajax = {
request: function(o){
var tform = $(o).parents('form');
_ar2(tform,'','_ajax._fb_request');
},
_fb._request: function(d){
d = eval('(' +unescape(d)+ ')'); //提交狀態(tài)提示。
if(d.notification){
if(d.type == 'ok'){
alert('提交成功');
}else if(d.type == 'error'){
alert('提交失敗');
}else{
alert('錯誤');
}
}
}
}
該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('數(shù)據(jù)讀取中 請稍候..', { 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'});
}
}
});
}
注意：jQuery.jGrowl是jquery的一個彈窗提示的插件，提示完成自動消失，用起來很方便，google一下就知道了。另外至于使用方法，返回數(shù)據(jù)是我們公司約定好的一個格式，方便使用而已。
相關文章
本文給大家匯總介紹了10個非常實用，也非常簡單的jquery特效，基本上項目中都可以用到，推薦給大家，有需要的小伙伴可以參考下。2015-10-10
UI Layout是一種基于jQuery的布局框架，其核心是一個大小自適應的中心面板，面板的上下左右四個方向可以放置可折疊、可縮放的面板，感興趣的朋友可以參考下哈2013-04-04
本篇文章詳細概述了jQuery選擇器的作用并對其進行了實例解析，有助于理解與學習。文章通過對jQuery選擇器進行分類的形式進行一一介紹，有助于理解與記憶，希望通過對本文的閱讀對大家有所幫助2016-11-11
這篇文章主要介紹了JQuery事件委托原理與用法,結合具體實例形式分析了jQuery事件委托相關概念、原理及使用技巧,需要的朋友可以參考下2019-05-05
這篇文章主要為大家介紹了jQuery的拷貝對象，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-11-11
js/jquery獲取瀏覽器窗口可視區(qū)域高度和寬度以及滾動條高度實現(xiàn)代碼
在js使用過程中可能會根據(jù)要求獲取瀏覽器窗口的可視區(qū)域高度和寬度,滾動條高度，于是本人搜集整理下，拿出來和大家分享，希望可以幫助你們2012-12-12
這篇文章主要為大家詳細介紹了基于jQuery封裝的分頁組件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
jquery each想必大家對此并不陌生吧，它的使用范圍還是比較廣泛的，下面與大家分享個示例來介紹jquery each的使用方法，感興趣的朋友可以參考下，希望對大家有所幫助2013-08-08
這篇文章主要介紹了JQuery替換DOM節(jié)點的方法,實例分析了jQuery中replaceWith()和replaceAll()方法的相關使用技巧與注意事項,需要的朋友可以參考下2015-06-06
今天寫了一個放迅雷焦點廣告的效果，還請大家多多指正，先附上效果圖一張2008-11-11