ホームページ > ウェブフロントエンド > jsチュートリアル > 簡単なAjax関数処理(サンプルコード)_jquery

簡単なAjax関数処理(サンプルコード)_jquery

WBOY
リリース: 2016-05-16 17:15:01
オリジナル
1212 人が閲覧しました

以下はカプセル化された処理関数で、非常に便利です:

ファイル名は次のとおりです: 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) ')');
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://...
}

url = URL || '';
メソッド = メソッド ||メソッド || '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 の便利な方法で使用されます。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート