ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryのシリアル化されたフォームとコールバック関数の使用例_jquery

jqueryのシリアル化されたフォームとコールバック関数の使用例_jquery

WBOY
リリース: 2016-05-16 16:42:45
オリジナル
1276 人が閲覧しました

開発プロジェクトでは、JSP フォームに 1 つまたは 2 つの値が存在する場合があります。または、これらを 1 つずつ渡す場合は、フロントエンドの値がバックエンドに渡されます。この問題は、jQuery を使用して解決することができます。同時に、実行が成功した場合は、それぞれのコールバック関数をカプセル化することもできます。を呼び出してそれぞれの機能を実現することができます。

コードは次のとおりです:

function queryUserInfo(actionUrl,formId,fun){ 
var params=new Object(); //声明数组 
$.each($("#"+formId).serializeArray(),function(index,param){ 
params[param.name] = param.value; //序列化表单 
}); 
params['time']=new Date(); //1 
$.ajax( { 
url : basePath+actionUrl, 
data : params,//没有1,可以这样写("#"+formId).serializeArray() 
type : 'POST', 
dataType:'json', 
async: false,//表示同步,等待服务端返回数据,才会执行后面的代码 
success : function(obj) { 
fun(actionUrl,formId,obj); 
}, 
error: function() { 
alert("访问异常"); 
} 
}); 
}
ログイン後にコピー

別の方法:

function setUserInfo(actionUrl,userid,username,fun){ 
var params=new Object(); //声明数组 
params['user.id']=userid; 
params['user.name']=username; 
$.ajax( { 
url : actionUrl, 
data : params,//没有1,可以这样写("#"+formId).serializeArray() 
type : 'POST', 
dataType:'json', 
async: false,//表示同步,等待服务端返回数据,才会执行后面的代码 
success : function(obj) { 
fun(actionUrl,formId,obj);//调用回调的函数 
}, 
error: function() { 
alert("访问异常"); 
} 
}); 
}
ログイン後にコピー
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート