javascript - Comment mieux écrire la partie données lors de l'interaction avec le backend en utilisant Ajax?
PHP中文网
PHP中文网 2017-06-30 09:58:14
0
2
821

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

认证高级PHP讲师

répondre à tous(2)
ringa_lee
将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)
   
淡淡烟草味

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();
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal