jquery自动将form表单封装成json的具体实现

　　<span style="font-size:14px;"> <form action="" method="post" id="tf">

　　<table width="100%" cellspacing="0" cellpadding="0" border="0">

　　<tr>

　　<th>

　　姓名：

　　</th>

　　<td>

　　<input type="text" id="txtUserName" name="model.UserName" />

　　</td>

　　<th>

　　联系手机：

　　</th>

　　<td>

　　<input type="text" name="model.Mobile" id="txtMobile" maxlength="11" />

　　</td>

　　<th>

　　密码：

　　</th>

　　<td>

　　<input type="password" name="model.Pwd" id="txtPwd" maxlength="11" />

　　</td>

　　</tr>

　　<tr>

　　<td style="text-align: center;" colspan="2">

　　<input type="button" value=" 提 交 " style="padding-top: 3px;" name="butsubmit"

　　id="butsubmit" />

　　</td>

　　</tr>

　　</table>

　　</form>

　　//提示到服务器

　　$(function () {

　　$("#butsubmit").click(function () {

　　var data = $("#tf").serializeArray(); //自动将form表单封装成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.UserName + result.Mobile + result.Pwd);

　　}</span>

　　<span style="font-size:14px;">public JsonResult ratearticle(UserInfo model)

　　{

　　return Json(model);

　　}</span>