一旦添加了“项目”，Ajaxing 刷新到 div答案

【问题标题】：Ajaxing refresh to a div once added an "Item"一旦添加了“项目”，Ajaxing 刷新到 div
【发布时间】：2012-03-23 21:43:23
【问题描述】：

我已获得成功将我的商品添加到购物车的视图。但是，我只希望它在仍然在原始页面上的同时刷新（各种）'#cart' div。换句话说，该商品已添加到购物车中，但仅在我手动刷新时才显示。我只是希望它看起来平滑和 ajax-y。

Views.py：

@login_required
def add(request, profile):
    if request.method != 'POST':
        return HttpResponseNotAllowed('POST')
    try:
        item = Item.objects.get(slug=slugify(request.POST['itemname']))
    except ObjectDoesNotExist:
        item = Item(name=request.POST['itemname'])
        item.save()
    profile = Profile.objects.get(user=request.user)
    profile.items.add(item)
    response = simplejson.dumps(
                {"status": "Successfully added."}
            )
    return HttpResponse (response, mimetype='application/json')

模板：

<form id="addItemForm" class="form-style" method="POST" action="/item/add/{{ profile }}/"> 
     {% csrf_token %}
     <input id="item-input" class="input-text inline required" name="itemname" type="text" />
     <button class="blue" type="submit" id="additem">
         Add Item 
     </button> 
</form>

脚本：

$('#addItemForm').submit(function(e){
     e.preventDefault();
     var form = $("#additem").attr("action");
     var post_data = $.post($(this).attr('action'), $(this).serialize(), function(data, textStatus, jqXHR){
     $('.item-selection').html(data);

      result = $.ajax({
           url: form,
           data: post_data, 
           type: "POST",

            success: function(data) {
                  //alert("Successfully added");
          console.log()
          $("#item-selection").replaceWith($('#item-selection', $(html)));
                  //{[( THIS IS WHERE I'D LIKE IT TO REFRESH)]}
             }, 
             error: function(data) {
                  // return the user to the add item form
           $('#addItemForm').html(data);
         }
    });
});

控制台错误：

Uncaught TypeError: Cannot call method 'toLowerCase' of undefined

（我为格式道歉）我是一个ajax初学者。我的脚本显然有问题。我只是不知道从这里去哪里。

提前感谢您的帮助。

【问题讨论】：

标签： python ajax django jquery

【解决方案1】：

我无法在您的代码中看到您的意思。但这应该重新加载#cart 元素.. 虽然可能有更好的方法来做到这一点，而无需再次下载整个页面，只是为了一个元素上的内容

$('#cart').load('ajax/test.html #cart');

【讨论】：

这也不起作用...查看控制台，我收到此错误：Uncaught TypeError: Cannot call method 'toLowerCase' of undefined.. 但我敢肯定这不是全部问题。
在一个地方你将它用作一个类 .item-selection 在另一个地方，你用 id #item-selection 或那些相同的元素来调用它？
一起删除了`$('.item-selection').html(data);`。仍然有效，只是没有成功刷新 div。
确保您在load() 中使用的网址是您的购物车页面的网址，而不是您更新购物车的网址。例如：index.php?show=cart 或者您可以访问购物车