Ajax + PHP session制作购物车

2024-09-01 08:27:10

字体：大中小

来源：转载

供稿：网友

购物车网页代码，具体内容如下

1.登录界面login.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script src="../jquery-1.11.2.min.js"></script><title>无标题文档</title></head><body><div>用户名：<input type="text" id="uid" /></div><div>密码：<input type="text" id="pwd" /></div><input type="button" value="登录" id="btn" /></body><script type="text/javascript">$("#btn").click(function(){  var uid = $("#uid").val();  var pwd = $("#pwd").val();  $.ajax({      url:"loginchuli.php",      data:{u:uid,p:pwd},      type:"POST",      dataType:"TEXT",      success: function(data){        if(data.trim()=="OK")        {          window.location.href="main.php" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ;        }        else        {          alert("用户名或密码错误");        }      }    })  })</script></html>

2.登录处理页面loginchuli.php

<?phpsession_start();include("../DBDA.class.php");$db = new DBDA();$uid = $_POST["u"];$pwd = $_POST["p"];$sql = "select password from login where username='{$uid}'";$mm = $db->StrQuery($sql);if($mm==$pwd && $pwd!=""){  $UserName = $_POST["uid"];  $_SESSION["uid"]=$uid;  echo "OK";}else{  echo "NO";}

3.主页面main.php

<?phpsession_start();include("../DBDA.class.php");$db = new DBDA();?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><br /><style type="text/css">.list{ width:100%; height:30px; margin-top:10px; text-align:center; line-height:30px; vertical-align:middle}</style></head><body><div style="width:100%; height:100px; background-color:#6CC">  <h1 style="float:left">大苹果商城</h1>  <a style="float:right; margin-top:40px" href="zhuxiao.php">注销</a></div><br /><div style="width:100%; height:600px">  <div id="left" style="width:20%; float:left">    <a href="main.php"><div class="list">浏览商品</div></a>    <a href="zhanghu.php"><div class="list">查看账户</div></a>    <a href="gouwuche.php"><div class="list">查看购物车</div></a>  </div>    <div id="right" style="width:80%; float:left"><?php  $agwc = array();  if(!empty($_SESSION["gwc"]))  {    $agwc = $_SESSION["gwc"];  }  $zhonglei = count($agwc);  $sum = 0;  foreach($agwc as $v)  {    $sql = "select price from fruit where ids='{$v[0]}'";    $danjia = $db->StrQuery($sql);    $sum = $sum +$danjia*$v[1];  }  echo "<div>购物车中有:{$zhonglei}种商品，总价格为:{$sum}元.</div>";  ?>    <table width="100%" border="1" cellpadding="0" cellspacing="0">    <tr>      <td>代号</td>      <td>水果名称</td>      <td>水果价格</td>      <td>源产地</td>      <td>库存量</td>      <td>操作</td>    </tr> <?php       $sql = "select * from fruit";    $attr = $db->Query($sql);        foreach($attr as $v)    {      echo "<tr><td>{$v[0]}</td>      <td>{$v[1]}</td>      <td>{$v[2]}</td>      <td>{$v[3]}</td>      <td>{$v[4]}</td>      <td><a href='goumai.php?code={$v[0]}'>购买</a></td></tr>";    }    ?>        </table>  </div></div></body></html>

上一篇：javascript请求servlet实现ajax示例(分享)

下一篇：使用Ajax实现简单的带百分比进度条实例