美文网首页
前端Echarts与后端django传参联动样例

前端Echarts与后端django传参联动样例

作者: kaiker | 来源:发表于2020-03-10 16:10 被阅读0次

做事的过程中希望获取echarts的具体内容,并且把东西传回django去处理,学习了下用ajax处理,不知道还有没有更好的办法。

下面是个小例子,代码也附在下面了


演示.gif

html中的script处理点击部分的代码

myChart.on('click', function (event) {
    console.log(event)
    console.log(event['name'])
    var data = event['name']
    $.ajax({
        url: {% url 'echarts_input' %},
        type: "GET",
        data: {'name':data},
        success: function (data) {
            data = JSON.parse(data);
            if (data["status"] == 1) {
                window.location.href="{% url 'echarts_input_test' %}?name="+data['result'];
            };
         }
     });
});

django部分

def echarts_input(request):
    name = request.GET.get('name')
    status = 1
    result = "Error!"
    return HttpResponse(json.dumps({
        "status": status,
        "result": name
    }))


def echarts_input_test(request):
    name = request.GET.get('name')
    return HttpResponse(name)

相关文章

网友评论

      本文标题:前端Echarts与后端django传参联动样例

      本文链接:https://www.haomeiwen.com/subject/rnawdhtx.html