javascript - Wie schreibe ich den Datenteil besser, wenn ich Ajax verwende, um mit dem Backend zu interagieren?
PHP中文网
PHP中文网 2017-06-30 09:58:14
0
2
817

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

认证高级PHP讲师

Antworte allen(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)
   
淡淡烟草味

用jquery就简单了,用serialize()

html

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

js

$('#form1').serialize();
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage