Django返回JsonResponse并在Ajax请求中捕获数据

Question

这是我的看法。 我将JsonResponse返回给ajax请求，从我的视图'line_product_total': total,中捕获传入数据'line_product_total': total,和其他上下文

    def get(self, request, *args, **kwargs):
    cart = self.get_object()
    product_id = request.GET.get('product')
    delete_product = request.GET.get('delete', False)
    product_added = False

    if product_id:
        product_instance = get_object_or_404(Product, id=product_id)
        amount = request.GET.get('amount', 1)
        try:
            if int(amount) < 1:
                delete_product = True
                return HttpResponse('IntegrityError', delete_product)
        except:
            raise Http404

        cart_product, created = CartProduct.objects.get_or_create(cart=cart, product=product_instance)
        if created:
            product_added = True
        if delete_product:
            cart_product.delete()
        else:
            cart_product.amount = amount
            cart_product.save()
        if not request.is_ajax():
            return HttpResponseRedirect(reverse('e_commerce:cart'))
            # return cart_product.cart.get_absolute_url
    if request.is_ajax():
        try:
            total = cart_product.line_product_total
        except:
            total = None
        data = \
            {
                'deleted': delete_product,
                'product_added': product_added,
                'line_product_total': total,

             }
        return JsonResponse(data)

    cart = Cart.objects.get(pk=cart.pk)
    return render(request, 'sales/cart.html', {'cart': cart})

js

     $('.type_number').change(function () {

    var product = $(this).next('input[type=hidden]').val();
    var amount = $(this).val();
    var data = {
        product:product,
        amount: amount
    };
    console.log(data);
    $.ajax({
        type: 'GET',
        url: '{% url "e_commerce:cart" %}',
        data: data,
        success: function (data) {
            $('#jquery-message').text('Added' + data.product_added + 'Deleted' + data.deleted);
            if (data.deleted) {
                $('#product-'+product).fadeOut;
            }
            else {
                $('#product-line-total-'+product).text(data.line_product_total);
            }
        },
        error: function(response, error) {
            $('#add-form').submit()
        }
    })
 })

模板

<form action="." method="GET">


 <h4 id="product-line-total-{{ product.id }}">{{ product.line_product_total }}</h4>

<input class="type_number" style="text-align: center;margin-left: -50px;" title="" type="number" name="amount" value="{{ product.amount }}">
        <input type="hidden" name="product" value="{{ product.product.id }}">
        <button type="submit"></button>
</form>

简而言之，我无法在我的ajax中捕获变量line_product_total，而只是说Unresolved variable line_product_total

但是我正在发送此变量。 什么问题？ 伙计们至少告诉我问题本身无法解决的问题

先感谢您 ：）

Answer 1

您的视图代码并不总是返回JsonResponse。 您应该跟踪视图的执行情况（在每个return语句之前添加一些print或-更好的是logging.debug() ），并记录在客户端获得的有效响应，而不是盲目地假设您确实有200的json响应状态。

同样，您的代码确实非常糟糕甚至危险。

首先，最重要的是，GET请求必须是幂等的（它不能更改服务器的状态）。 使用GET处理从数据库中创建/更新/删除对象的请求确实很麻烦。

然后，异常处理程序将变得毫无用处，它们是有害的。 它们只会捕获任何异常（包括SystemExit ！），并且会静默地忽略它们，因此您永远不会知道何时，什么，如何以及为什么出现问题。 保持try块尽可能短（如果可能，一个语句），仅捕获期望的异常并知道如何处理， 记录捕获的所有内容（尽可能多的上下文信息），以及是否真的不知道带有异常的处理方法只是让其传播。 用户将收到一个500错误（是的，该发生的事情），并且（假设您的服务器和项目已正确配置），您将收到一封包含完整回溯信息的错误电子邮件，因此您知道出了点问题并有机会修复它。