0

我有一个电子商务系统。我正在将产品添加到我的购物车中，就像屏幕截图一样在此处输入图像描述

当我单击添加到购物车按钮时。我正在显示一个购物车通知，它是引导弹出窗口。主要问题是当我决定购买另一种产品时，我收到了相同的通知。

我正在写“添加了产品 A”。当我在添加的每个不同产品中执行此操作时，它会写入添加产品 A。添加 i 正确但通知错误。

这是我的 jQuery 代码...

$('.quick-add-cart').click(function(){ //Sepete Ekleme İşlemi yapıyoruz.
     $('#cart-popover').attr('data-content','');
     productID  = $(this).parents('.productbit').attr('id');
     $.ajax({
          type: "POST",
          url: "ajax/add_to_cart.php",
          dataType: 'json',
          data: {            
              productID : productID
          },
          error: function(jqXHR, exception) {
              if (jqXHR.status === 0) {
                   alert('Bağlantı sağlanamadı.\n Lütfen internet bağlantınızı kontrol ediniz.');
          } else if (jqXHR.status == 404) {
              alert('Sayfa bulunamadı. [404]');
          } else if (jqXHR.status == 500) {
              alert('Sunucu Hatası [500].');
          } else if (exception === 'parsererror') {
              alert('Requested JSON parse failed.'+ jqXHR.responseText);
          } else if (exception === 'timeout') {
              alert('Time out error.');
          } else if (exception === 'abort') {
              alert('Ajax istemi durduruldu.');
          } else {
              alert('Beklenmeyen Hata.\n' + jqXHR.responseText);
          }
          },
          success: function (data) {
              if (data.insert_count > 0) {
                  cart_old_count = $('#cart_count').text();
                  cart_new_count = parseInt(cart_old_count,10) + data.insert_count;
                      $('#cart_count').text(cart_new_count);
              }
                  $('#cart-popover').attr('data-content',data.queryresult).popover('show');
                  setTimeout(function() {
                      $('#cart-popover').popover('hide');
                  }, 5000);
              }
                            });
                       });

这是我的 add_to_cart.php

require_once '../includes/class/class.cart.php';
        include_once '../locale.php';

        session_start();
        $C = new Cart(); 

//Sepete Ürün Ekliyoruz
if (isset($_POST['productID'])){
    if (!isset($_SESSION['userid'])) {
        $jsonData['queryresult'] = "Sepete Ekleme Yapabilmek için Bayi Girişi Yapmalısınız !";
    } else {
        $productid = $_POST['productID'];
        $product   = $C->get_product_fields('product', $productid);

        $jsonData['update_count'] = 0;
        $jsonData['insert_count'] = 0;

        $cart_error = FALSE;

        if ($C->is_in_cart($productid)) {
            if ($C->update_cart($productid))
                $jsonData['update_count'] += 1;
            else {
                $jsonData['queryresult'] = $C->cart_errors($productid);
                $cart_error = TRUE;
            }
        } else {
            if ($C->add_to_cart($productid))
                $jsonData['insert_count'] += 1;
            else {
                $jsonData['queryresult'] = $C->cart_errors($productid);
                $cart_error = TRUE;
            }
        }

        if ($cart_error === FALSE) {
            if ($jsonData['insert_count'] == 1){
                $jsonData['queryresult'] = "Bir paket ".$product." eklendi.";
            }

            if ($jsonData['update_count'] == 1){
                $jsonData['queryresult'] = "Bir paket daha ".$product." eklendi.";
            }

            if ($jsonData['insert_count'] == 0 && $jsonData['update_count'] == 0){
                $jsonData['queryresult'] = "Ürünü sepete ekleme sırasında hata oldu.";
            }
        }
    }
        header('Content-type: application/json');
        echo json_encode($jsonData);
}
4

1 回答 1

0

相关问题：更新 data-content 属性时，Twitter bootstrap js popover 内容不会更新

要解决您的问题，需要进行两项更改：

  1. 而不是.attr('data-content', data.queryresult)，您应该使用.data('content', data.queryresult)

  2. 您需要.popover('destroy')在更新内容之前使用，这样可以防止popover在异步处理中丢失。

这是一个示例代码，我使用 setTimeout 来模拟 Ajax 调用：

function displayPopover(msg) {
  $('#cart-popover').popover('destroy');
  $('#cart-popover').data('content',msg).popover('show');
  setTimeout(function() {
      $('#cart-popover').popover('hide');
  }, 5000);
}

// add first product to cart
setTimeout(function() { displayPopover('product 1') }, 2000);

// add second product to cart
setTimeout(function() { displayPopover('product 2') }, 4000);

您可以在这里看到它的实际效果：http: //jsbin.com/UXAxEBE/1/

提示：当您遇到这种类型的错误时，您不知道问题出在 php 端还是 javascript 端，您应该尝试console.log(data.queryresult)在 javascript 中验证 php 返回正确的内容并且您的问题出在客户端。

于 2013-09-01T14:55:25.480 回答