ホームページ >ウェブフロントエンド >jsチュートリアル >jqueryのシリアル化されたフォームとコールバック関数の使用例_jquery
開発プロジェクトでは、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("访问异常"); } }); }