現在用ajax與後端互動的時候,在ajax的data部分,採用的方式是將jq節點一個一個綁定到出參上(如圖)。這樣的方式在參數少的時候可以應付的過來,但參數多了之後,無論是編碼還是維護效率都會變低,在寫ajax的data部分時,怎麼優化會好一點呢。
$.ajax({
url: "/openapi/test.json",
dataType: "json",
type: "post",
formTypeData: true,
data: {
"keywords": $(".fmc-plate").attr("data-actioncontent"),
"openId": localOpenId,
"msgType": Msg.msgTypeElem,
'msgBody': Msg.msgBodyElem,
"enable": true,
"type": 3,
"replyType": 3
},
success: function (json) {
data = json.data;
if (json.success == false) {
noty({
text: "保存失败,请检查是否填入所有所需数据",
layout: "top",
timeout: 3000,
type: "error"
});
return false;
} else {
noty({
text: "保存成功",
layout: "top",
timeout: 1000,
type: "success"
});
$(".fmc-plate").remove();
$noty.close();
}
}
});
淡淡烟草味2017-06-30 10:00:14
用jquery就簡單了,用serialize()
html
<form id="form1">
<input type="hidden" name="name1" value="name1" />
<input type="hidden" name="name2" value="name2" />
</form>
js
$('#form1').serialize();