jquery自動將form表單封裝成json的具體實作_jquery

前端頁：

複製程式碼 程式碼如下：

;
姓名：




;
聯絡手機：




;
密碼：


>




id="butsubmit" />


表>
表格>
// 提示到伺服器
$(function () {
$("#butsubmit").click(function () {
var data = $("#tf").serializeArray( ); //自動將表單封裝成json


// $.ajax({
// type: "Post", //存取WebService使用Post方式要求
/ / contentType: "application/json", //WebService 會回傳Json類型
// url: "/home/ratearticle", //呼叫WebService的位址和方法名稱組合---- WsURL/方法名稱
// data: data, //這裡是要傳遞的參數，格式為data: "{paraName:paraValue}",下面將會看到
// dataType: 'json',
// success : function (result) { // 回呼函數，result，傳回值
//alert(result.UserName result.Mobile result.Pwd);
// }
//

$.post("/home/ratearticle", data, RateArticleSuccess, "json");
})



// 顯示結果

function RateArticleSuccess(result) {
alert(result.Usertion RateArticleSuccess(result) {
.Pwd);
}

表格處理：

複製代碼程式碼如下：

public Json結果率文章(UserInfo model)
{
return Json(model);
}