javascript - Wie schreibe ich den Datenteil besser, wenn ich Ajax verwende, um mit dem Backend zu interagieren?

Question

Wenn Sie nun Ajax für die Interaktion mit dem Backend verwenden, besteht die verwendete Methode im Datenteil von Ajax darin, die JQ-Knoten nacheinander an die Ausgabeparameter zu binden (wie im Bild gezeigt). Diese Methode kann damit umgehen, wenn nur wenige Parameter vorhanden sind. Wenn jedoch zu viele Parameter vorhanden sind, werden sowohl die Codierungs- als auch die Wartungseffizienz geringer. Beim Schreiben des Datenteils von Ajax ist es besser, ihn zu optimieren.

                 $.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();
                        }
                    }
                });

Answer 1

将data 为一个json数据
form 表单数据使用序列化 $('#form1').serialize();
节点数据可以先通过对象转化为json数据传到后台

   一维数组
   var data = {}
   data['id'] = 1;
   data['type'] = 2;
   二维数组
   var data = {};
   var child1 = data[1] = {};
   var child2 = data[2] = {};
   child1['id'] = 1;
   child1['type'] = 2;
   child2['id'] = 2;
   ...
   上面的数据还是对象，不能直接使用
   转为 json
   JSON.stringify(data)
   

Answer 2

用jquery就简单了,用serialize()

html

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

js

$('#form1').serialize();