javascript - 在用ajax与后端交互时,如何写data部分比较好?
PHP中文网
PHP中文网 2017-06-30 09:58:14
0
2
787

现在用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();
                        }
                    }
                });
PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(2)
ringa_lee

雷雷 雷雷

淡淡烟草味

用jquery就简单了,用serialize()

html

<form id="form1">
    <input type="hidden" name="name1" value="name1" />
    <input type="hidden" name="name2" value="name2" />
</form>

js

$('#form1').serialize();
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!