jquery mysql实现加入购物车_购物车功能实现 通过 php+MySQL+jQuery+Ajax,实现购物车功能...

该博客介绍了如何通过PHP、MySQL、jQuery和Ajax技术实现购物车功能。文章详细讲解了三个主要文件cart.php、cart_ajax.php和config.php的作用,以及在前端显示、数据处理和数据库交互过程中的关键代码。读者将学习到如何更新购物车商品数量,并通过Ajax进行异步通信,确保页面实时更新。
摘要由CSDN通过智能技术生成

edc1dd97bfa9bcae02db8c45e2983ad9.png

相关mysql视频教程推荐:《mysql教程》

数据库结构:

c9e15c8a65d16530b90e73c4bdf73f71.png

准备3个文件:

1.cart.php // 前端显示文件

2.cart_ajax.php // ajax处理数据

3.config.php //数据库配置

一、cart.php

<?php 

include 'config.php';

$sql = "select * from cart";

$result = mysql_query($sql);

$row = array();

while($rows = mysql_fetch_array($result,MYSQL_ASSOC)){

$row[] = $rows;

}

//print_r($row);

?>

商品名称商品库存商品单价购买数量小计操作

<?php foreach($row as $key=>$val){?>

<?php echo $val['name'] ?><?php echo $val['total_quantity'] ?>

-

+

编辑删除总价0元

function setPrice(o) {//设置小计和总价

var tr = o.closest('tr');

var ipt = tr.find('input');

ipt.filter(':last').val(parseInt(o.val()) * parseInt(ipt.eq(0).val(), 10));

var sum = 0;

o.closest('tbody').find('input[name="subtotal_price"]').each(function () { sum += parseInt(this.value, 0) || 0; })

.end().find('td:last').html(sum+'元')

}

//减

function minusCart(_this, id){

var num_input = $(_this).next('input[name="num"]');

var num = parseInt(num_input.val());

num--;

if(num <= 0){

return false;

} else {

num_input.val(num);

setPrice(num_input);

cartNum(num_input, id, num);

}

}

//加

function plusCart(_this,id){

//获取购买数量

var num_input = $(_this).prev('input[name="num"]');

var num = parseInt(num_input.val());

var total_quantity = parseInt(num_input.attr('max'));

if(num >= total_quantity){

alert('库存不足');

return false;

}else {

//alert(num);

num = parseInt(num) + 1;

num_input.val(num);

setPrice(num_input);

cartNum(num_input, id, num);

}

}

/**

* 修改购物车商品数量

* @param _this

* @param id

* @param num

*/

function cartNum(_this, id, num){

$.ajax({

type: 'POST',

url: 'cart_ajax.php',

data: {id: id, num: num},

dataType: 'json',

success: function (res) {

if (res.status == 1) {

_this.val(num);

}else{

alert(res.info);

}

}

});

}

二、config.php<?php

/**

*email:scenewood@163.com

*name:郑小木

*/

$server = 'localhost';

$data = 'shopping';

mysql_connect($server,'root','root');

mysql_set_charset('utf8');

mysql_select_db($data);

三、cart_ajax.php<?php

/**

*email:scenewood@163.com

*name:郑小木

*/

include 'config.php';

//接受cart.php的数据

if ($_POST) {

$id = $_POST['id'];

$num = $_POST['num'];

$retureInfo = array(

'status' => 0,

'info' => '修改商品数量失败'

);

$sql = "UPDATE `cart` SET num='{$num}' WHERE `id`={$id}";

mysql_query($sql);

$row = mysql_affected_rows();

if ($row == 1) {

$retureInfo['status'] = 1;

$retureInfo['info'] = '修改商品数量成功';

}

echo json_encode($retureInfo);

}

本文讲解了购物车功能实现 通过 php+MySQL+jQuery+Ajax,实现购物车功能,更多相关内容请关注php中文网。

相关推荐:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值