Ajax 异步小demo
2017-12-03 14:12
225 查看
前端操作
增加购物车的ajax发送<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Ajax Demo2</title> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> </head> <body> <input name="number" type="text" id="number" value="1" size="4" onblur="" style="border:1px solid #ccc"> <strong>商品总价 <?=3000?>元</strong> <a href="javascript:addCart(1)">加入购物车</a> <div id="msg"></div> </body> <script> function addCart(productid){ //ajax请求php脚本完成添加数据到shop_cart表当中 //post更安全,可以传输更多数据,格式如下: $.post(url,data,success,"json"); var url = 'demo2.php'; var data = {'productid':1,'num':parseInt( $("#number").val() )}; //var success = function(response){ alert(response); // $("#msg").html(response); if(response.error==0){ alert('添加成功'); }else{ alert('添加失败'); } } $.post(url,data,success,"json"); } </script> </html>
后端操作
客户传输的数据,注意处理数据没有真实链接数据库,下面代码仅作参考
加入购物车操作,主要是操作下面4个步骤
<?php # 1. 接受传递过来的post参数 $id = intval(strip_tags($_POST['id'])); $num = intval(strip_tags($_POST['num'])); #2. 准备要添加如购物车的参数 session_start(); $userid = $_SESSION['mumberid']; try{ $pdo = new POD( "mysql:host = localhost;dbname=mooc","root","password",array(POD::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION) ); $pdo->query("set names utf8"); $sql = "select price from shop_product where id=?"; $stmt = $pdo->prepare($sql); $stmt = execute(array($productid)); $data = $stmt->fetch(PDO::FETCH_ASSOC); // var_dump($data); $price = $data['price']; $createtime = time(); #3. 完成购物车添加 $sql = "insert into shop_cart(productid,num,userid,price,createtime) values(?,?,?,?,?)"; $stmt = $pdo->prepare($sql); $stmt->excute(array($productid,$num,$userid,$price,$createtime)); $rows = $stmt->rowCount(); #获取受影响函数 }catch(PDOException $e){ echo $e->getMessage(); } # 4. 返回最终结果 if($rows){ $response = array( 'error' = 0, 'errmsg' => '添加成功', 'data' => true ); }else{ $response = array( 'error' = -1, 'errmsg' => '添加失败', 'data' => false ); } echo json_encode($response);
相关文章推荐
- AjaxFileUpLoad 文件异步上传Demo(模仿官方网站,后台使用.net一般处理程序)
- ajax异步文件上传,servlet处理,含demo
- jQuery使用$.ajax进行异步刷新的方法(附demo下载)
- jQuery使用$.ajax进行异步刷新的方法(附demo下载)
- Ajax异步检查用户名是否存在(附Demo下载)
- 菜鸟学Java(一)——Ajax异步检查用户名是否存在(附Demo下载)
- ajax异步文件上传,servlet处理,含demo
- JQuery中使用Ajax实现诸如登录名检测等异步请求Demo
- Ajax异步检查用户名是否存在(附Demo下载)
- ajax异步刷新简单的demo
- XMLHttpRequest对象_Ajax异步请求重点
- Ajax简单的异步请求以及返回的值获取
- ajax同步、异步问题
- 基于PHP的AJAX技术实现文件异步上传
- ajax异步调用
- thinkphp-ajax异步验证之ajaxReturn的使用
- 【ajax基础篇】——同步与异步
- ajax回调函数执行顺序带来的同步异步问题
- ajax实例及实现文本框异步搜素
- Jquery通过Ajax发送Json数据到后台验证模拟登陆操作demo