如何在opensource php mini cart中应用ajax或javascript?

时间:2016-02-25 02:14:40

标签: javascript php jquery ajax

我从youtube获得了这个opensource php mini cart。现在的问题是如何使用ajax或javascript应用它?因此,每次我添加,删除和删除它不会刷新整个页面的项目,无论javascript是打开还是关闭,它仍然可以工作。如果javascript在cart.php上将使用javascript,如果它是关闭cart.php将使用PHP。

这里是添加,删除和删除购物车中商品的代码。要查看或下载完整的源代码,只需点击此链接:cart php source code

 if(isset($_GET['add'])){
        // use session to add the product
        $quantity = mysql_query('SELECT id, quantity FROM products WHERE id='.mysql_real_escape_string((int)$_GET['add']));

        while($quantity_row=mysql_fetch_assoc($quantity)){
            //if quantity is not equal in the database quantity
            if ($quantity_row['quantity']!=$_SESSION['cart_'.(int)$_GET['add']]){
                $_SESSION['cart_'.(int)$_GET['add']]+='1';      
            }
        }
        header('Location: '.$page);
    }

    if(isset($_GET['remove'])){
        $_SESSION['cart_'.(int)$_GET['remove']]--;
        header('Location: '.$page);
    }

    if(isset($_GET['delete'])){
        $_SESSION['cart_'.(int)$_GET['delete']]='0';
        header('Location: '.$page);
    }

1 个答案:

答案 0 :(得分:1)

在opencart中实现ajax非常简单。您只需使用它自己的预建Cart API并在项目中使用它。

首先需要了解购物车功能的网址

1. http:/ /< project location >/index.php?route=checkout/cart/add (with product_id and quantity as parameters)

2. http:/ /< project location >/index.php?route=checkout/cart/remove (with key as parameter which is cart id)

3. http:/ /< project location >/index.php?route=checkout/cart/edit (quantity[key] and value = 'quantity' as parameters

现在你可以在Ajax requrest中使用这些代码,假设你使用jquery

var cart = {
    'add':function(product_id){
         $.get('http:/ /< project location >/index.php?route=checkout/cart/add',
         {product_id: product_id},
         function(data){}
     },
};

像这样你可以添加,删除,编辑和获取卡片功能,你可以将这些功能添加到按钮或页面加载等。

例如

<button onclick="cart.add('prod_01');> Add to Cart </button>

请注意

这些路由是基本的opencart结构,所以不需要更改它,你只需要在你的javascript代码中使用这些路由来进行ajax调用并显示结果,它的输出是JSON格式,所以它是非常简单,易于展示购物车。

祝你好运