ホームページ > 記事 > ウェブフロントエンド > 簡単なAjax関数処理(サンプルコード)_jquery
以下はカプセル化された処理関数で、非常に便利です:
ファイル名は次のとおりです: jQuery.ajaxRequest.js .
使用法:
var _ajax = { url = URL || '';
request: function(o){
var tform = $(o).parents('form');
_ar2(tform,'','_ajax._fb_request' );
}、
_fb._request:function(d){
d = eval( '(' unescape(d) ')');
if(d.notification){
if(d.type == 'ok'){
alert('送信成功')
}else if(d.type == 'error '){
ajaxファイルコード:
コードをコピーします> コードは次のとおりです:
// 修正版 _ar
function _ar2(s, target, Facebook, param,methods){
var url, method;
var params = {};
if( (jQuery のインスタンス) && s.attr("tagName")=='VFORM') {
url = s.attr('action');
method = s.attr('method');
params = パラメータ || $('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://...
}
メソッド = メソッド ||メソッド || 'GET';
params = パラメータ ? param : params;
jQuery.ajax({
type:method,url:url,data:params,
beforeSend:function(){
//jQuery.jGrowl('データ据读取中请稍候..', { header: '提案', テーマ: 'blue'});
},
成功: function(data) {
//data = jQuery.trim(data) .replace(/[ntr]/gi,'');
if(フィードバック){
eval(フィードバック '('' エスケープ(データ) '')');
return;
}else{
if(data){
if(target){
jQuery(target).html(data);
jQuery.jGrowl('页面请求完毕.', { header: '提案'、テーマ: 'green'、'life': 100});
return;
}
}else{
lg('フィードバックなし');
jQuery.jGrowl( '服务器無返信。', { header: '提案', テーマ: 'blue'});
return;
}
}
jQuery.jGrowl(data, { header: ' 示唆'、テーマ: '青'});
},
エラー: function (e){
var s = e.status;
switch(s) {
case 404: break;
default:
//log ('不明なエラー');
lg(s);
jQuery.jGrowl(' 不明错误. 请联系系统管理员.', { header: '提案', テーマ: 'blue'});
}
}
});
}
注意: jQuery.jGrowl は、jquery の提案の 1 つであり、自動キャンセルの実行を提案し、Google の便利な方法で使用されます。