Jquery はフォーム要素を json 形式に結合します (asp.net deserialization_jquery)

著者: Ao Shiwei 電子メール: ikmb@163.com 著者とともに転載
注: 1. js は、form 要素の class 属性に従って、form 要素の名前と値を json 形式に結合します。 form 要素を使用すると、JSON データの結合を効率的に行うことができます。
2. バックエンド ASP.NET は、JavaScriptSerializer を使用してオブジェクト配列に逆シリアル化します。
3. 利点: フロントエンド データの読み取りとバックエンド データの割り当てが簡素化されます。

コードをコピーします コードは次のとおりです。

function GetJSONStr(class_name) {
var a = []; var a = [];//テキストボックス
$("." class_name).filter(":text").each(function(i) {
//alert(this.name) ;
//alert(this.value);
a.push({ name: this.name, value: this.value });

}); -down list
$("." class_name).filter("select").each(function(i) {
//alert(this.name);
//alert(this.value) );
a.push({ name: this.name, value: this.value });
//ラジオボタン
$("." class_name) .filter(" :radio").filter(":checked").each(function(i) {
//alert(this.name);
//alert(this.value);
a.push ({ name: this.name, value: this.value });
//チェックボックスが始まります
var temp_cb = ""
$(". " class_name) .filter(":checkbox").filter(":checked").each(function(i) {
if (temp_cb.indexOf(this.name) == -1) {
temp_cb = これ。
}
var temp_cb_arr = temp_cb.split(","); = "" ;
for (var temp_cb_i = 0; temp_cb_i < temp_cb_arr.length - 1; temp_cb_i ) {
cb_name = temp_cb_arr[temp_cb_i];
var cb_value_length = $("input[name] ='" temp_cb_arr[ temp_cb_i ] "']:checked").length;
$("input[name='" temp_cb_arr[temp_cb_i] "']:checked").each(function(i) {
if (i = = cb_value_length - 1)
cb_value = this.value;
else
cb_value ","

}); (cb_name);
//alert(cb_value);
a.push({ name: cb_name, value: cb_value });
}
//チェックボックスの終了>
/ /JSON に結合
var temp_json = "";
for (var json_i = 0; json_i if (json_i != a.length - 1) {
temp_json = '"' a[json_i].name '":"' a[json_i].value '",';
}
else {
temp_json = '"' a[json_i].name '":"' a[json_i].value '"';
}
}
return "{" temp_json "}";
}



ASP.NET





コードをコピー


コードは次のとおりです:

パブリック部分クラス テスト : System.Web.UI.Page
{ protected void Page_Load(object sender, EventArgs e)

{ JavaScriptSerializer Serializer = new JavaScriptSerializer(); >string r = Request.Form[ "msg"]; //{"Name":"MyName1","Single":"one"} t_json t_json_object = Serializer.Deserialize< ;t_json>(r);

Response.Write(t_json_object.Name);

}
}

クラス t_json
{
パブリック日時名;
パブリック文字列
}