javascript - Comment mieux écrire la partie données lors de l'interaction avec le backend en utilisant Ajax?

Question

Maintenant, lorsque vous utilisez ajax pour interagir avec le backend, dans la partie données d'ajax, la méthode utilisée consiste à lier les nœuds jq aux paramètres de sortie un par un (comme indiqué dans l'image). Cette méthode peut le gérer lorsqu'il y a peu de paramètres, mais lorsqu'il y a trop de paramètres, l'efficacité du codage et de la maintenance deviendra plus faible. Lors de l'écriture de la partie données d'ajax, la façon de l'optimiser sera meilleure.

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

C'est facile d'utiliser jquery, il suffit d'utiliser serialize()

html

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

js

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