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

<spanstyle="font-size:14px;"><formaction=""method="post"id="tf">
<tablewidth="100%"cellspacing="0"cellpadding="0"border="0">
<tr>
<th>
姓名：
</th>
<td>
<inputtype="text"id="txtUserName"name="model.UserName"/>
</td>
<th>
联系手机：
</th>
<td>
<inputtype="text"name="model.Mobile"id="txtMobile"maxlength="11"/>
</td>
<th>
密码：
</th>
<td>
<inputtype="password"name="model.Pwd"id="txtPwd"maxlength="11"/>
</td>
</tr>
<tr>
<tdstyle="text-align:center;"colspan="2">
<inputtype="button"value="提交"style="padding-top:3px;"name="butsubmit"
id="butsubmit"/>
</td>
</tr>
</table>
</form>
//提示到服务器
$(function(){
$("#butsubmit").click(function(){
vardata=$("#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");
});
})



//结果显示

functionRateArticleSuccess(result){
alert(result.UserName+result.Mobile+result.Pwd);
}</span>