javascript - Django:如何保存mxGraph，以便当用户刷新图表时保持不变？ (异步)

Question

我将用户创建的当前 mxGraph 转换为存储在数据库 (ajax.js) 中的 XML。我将其作为对我的 ajax 请求 (views.py) 的 JSONResponse 返回到我的 View 中。

存储在数据库中的数据已保存，正如我在 Django 管理页面中检查的那样，并且每个保存按钮都会更新 xml。

这一切工作正常，但问题是当我刷新页面时，创建的图表不会保留在页面上。

ajax.js

var button = mxUtils.button('Save', function()
            {
                //var url = "{%url'login'%}"
                //var url = "{% url 'myapp:productdetail' %}";
                //location.href = '/saveData/'
                var encoder = new mxCodec();
                var node = encoder.encode(graph.getModel());
                var xml = mxUtils.getPrettyXml(node); 
                var csrftoken = getCookie('csrftoken');

                $.ajax({

                    type: "POST",
                    url: "/saveData/",
                    data: { "xml": xml},
                    headers:{
                        "X-CSRFToken": csrftoken
                    },
                    success: function(data){
                        //console.log("data" + data[0])
                        //console.log(graph)
                        //var xmlDoc = data[0]

                        var xmlDoc = mxUtils.parseXml(data[0]);
                        //var xmlDoc = mxUtils.load("/saveData/").getXml();
                        //console.log("xmlDoc " + xmlDoc)
                        var node = xmlDoc.documentElement;
                        //console.log("node " + node)
                        var dec = new mxCodec(node.ownerDocument);
                        //console.log("dec " + dec)
                        //console.log("graph model " + graph.getModel())
                        dec.decode(node, graph.getModel());

                    }
                });

views.py

def saveData(request, user):
if request.method == "POST":
#Get user profile
    member = Member.objects.get(username=user)
#Get XML data once user presses save
#xmlData = request.POST['xml']
    member.data = request.POST['xml']
    member.save()
    print(member.data)
    response = JsonResponse([
        member.data
    ], safe = False);
    #return render(request, 'fastcookapp/index.html', {"xmlData": member.data})
    return HttpResponse(response, content_type="application/json")


return HttpResponse('POST is not used')

models.py

class Member(User):
data = models.TextField(null=True)

def __str__(self):
    return self.username

P.S 我不知道为什么我的 JS 没有彩色，我已经添加了 javascript 标签，但它不起作用......提前抱歉

Answer 1

我必须创建一个 Ajax GET 请求并按照上面的方法解码 mxGraph。