jquery - Django:如何在jquery中访问JsonResponse字典？

Question

Jquery

$('#id_buysell').on('change', function(){

            console.log("buysell");

            var $id_buysell = $('#id_buysell').val();
            console.log($id_buysell);

            $.ajax({
                method: "GET",
                url: "/myportfolio/add_transaction",
                data: { buysell: $id_buysell }
            });

        });

浏览次数

def add_transaction(request):

    if request.method == "GET":
        if request.is_ajax():
            print("ajax test")

            #print(request.GET.get)
            print(request.GET.get('coin'))
            print(request.GET.get('buysell'))


            data = {
                'view_buysell': request.GET.get('buysell'),
                'view_coin': request.GET.get('coin')
            }

            form = TransactionForm(user = request.user, coin_price = GetCoin("Bitcoin").price)

            return JsonResponse(data)

如何访问从 View 中的 JsonResponse(data) 发送到我的 jquery 文件的字典？总的来说，我对 jquery 和前端开发的了解有限。我知道这将通过 JSON 编码的响应发送，但在搜索时无法找到正确的答案。

Answer 1

您使用 $.ajax(..) 执行 AJAX 请求，但您从未指定请求成功时要执行的操作以及应如何处理数据。

传递给 $.ajax(..) 调用的对象可以包含一个 success 键，该键应包含一个通过响应调用的函数:

$.ajax({
    method: "GET",
    url: "/myportfolio/add_transaction",
    <b>dataType: 'json',</b>
    <b>success: function(data, status) {
        // do something with data and status
    },</b>
    data: { buysell: $id_buysell }
});

data 因此包含响应中包装的数据，status 包含响应的状态代码。

您还可以添加一个 error 键:响应返回错误时调用的函数:

$.ajax({
    method: "GET",
    url: "/myportfolio/add_transaction",
    dataType: 'json',
    success: function(data, status) {
        // do something with data and status
    },
    <b>error: function(response) {
        // do something in case the request returns an error
        // for example alert the user that the buy/sell transaction failed
        // (by checking response.status, response.responseText, etc.)
    },</b>
    data: { buysell: $id_buysell }
});