フォーム form を json_jquery に自動的にカプセル化する jquery の特定の実装

前端页面：

复制代码代码如下:

<フォームアクション=""メソッド="ポスト" id="tf">
<表の幅="100%" セルスペース="0" セルパディング="0" ボーダー="0">

<番目>
姓名：





联系手机：





秘密コード：







id="ただし送信" />




// サービスへの提案
$(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',
// 成功: 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);
}

後端処理：

复制代代码如下:

public JsonResult ratearticle(UserInfo モデル)
{
return Json(model);
}