jquery序列化表單以及回撥函式的使用
阿新 • • 發佈:2018-11-14
在開發專案中。將前臺的值傳給後臺,有時的JSP表單中的值有一兩個,也有所有的值,假設這時一個個傳,必然不是非常好的辦法,所以使用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("訪問異常"); } }); }