javascript - Bagaimana untuk menulis bahagian data dengan lebih baik apabila berinteraksi dengan backend menggunakan ajax?

Question

Sekarang apabila menggunakan ajax untuk berinteraksi dengan backend, dalam bahagian data ajax, kaedah yang digunakan adalah untuk mengikat nod jq ke parameter output satu demi satu (seperti yang ditunjukkan dalam gambar). Kaedah ini boleh mengendalikannya apabila terdapat sedikit parameter, tetapi apabila terdapat terlalu banyak parameter, kedua-dua pengekodan dan kecekapan penyelenggaraan akan menjadi lebih rendah Apabila menulis bahagian data ajax, bagaimana kita boleh mengoptimumkannya dengan lebih baik?

                 $.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

Mudah untuk menggunakan jquery, hanya gunakan serialize()

html

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

js

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