beego提交订单ajax示例

MySQL数据库的隔离级别,readcommitted

  <!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" xml:lang="en">
    <head>
    	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    	<title>***-提交订单</title>
    	<link rel="stylesheet" type="text/css" href="/static/css/reset.css">
    	<link rel="stylesheet" type="text/css" href="/static/css/main.css">
    </head>
    <body>
    	<div class="header_con">
    		<div class="header">
    			<div class="welcome fl">欢迎来到**!</div>
    			<div class="fr">
    				<div class="login_info fl">
    					欢迎您:<em>张 山</em>
    				</div>
    				<div class="login_btn fl">
    					<a href="login.html">登录</a>
    					<span>|</span>
    					<a href="register.html">注册</a>
    				</div>
    				<div class="user_link fl">
    					<span>|</span>
    					<a href="user_center_info.html">用户中心</a>
    					<span>|</span>
    					<a href="cart.html">我的购物车</a>
    					<span>|</span>
    					<a href="user_center_order.html">我的订单</a>
    				</div>
    			</div>
    		</div>		
    	</div>
    
    	<div class="search_bar clearfix">
    		<a href="index.html" class="logo fl"><img src="/static/images/logo.png"></a>
    		<div class="sub_page_name fl">|&nbsp;&nbsp;&nbsp;&nbsp;提交订单</div>
    		<div class="search_con fr">
    			<input type="text" class="input_text fl" name="" placeholder="搜索商品">
    			<input type="button" class="input_btn fr" name="" value="搜索">
    		</div>		
    	</div>
    	
    	<h3 class="common_title">确认收货地址</h3>
    
    	<div class="common_list_con clearfix">
    		<dl>
    			<dt>寄送到:</dt>
    			{{range .addrs}}
    					<dd><input type="radio" name="addr" value="{{.Id}}" {{if .Isdefault}}checked{{end}}>{{.Addr}} ({{.Receiver}} 收) {{.Phone}}</dd>
    			{{end}}
    		</dl>
    		<a href="/user/userCenterSite" class="edit_site">编辑收货地址</a>
    
    	</div>
    	
    	<h3 class="common_title">支付方式</h3>	
    	<div class="common_list_con clearfix">
    		<div class="pay_style_con clearfix">
    			<input type="radio" name="pay_style" checked value="1">
    			<label class="cash">货到付款</label>
    			<input type="radio" name="pay_style" value="2">
    			<label class="weixin">微信支付</label>
    			<input type="radio" name="pay_style" value="3">
    			<label class="zhifubao"></label>
    			<input type="radio" name="pay_style" value="4">
    			<label class="bank">银行卡支付</label>
    		</div>
    	</div>
    
    	<h3 class="common_title">商品列表</h3>
    	
    	<div class="common_list_con clearfix">
    		<ul class="goods_list_th clearfix">
    			<li class="col01">商品名称</li>
    			<li class="col02">商品单位</li>
    			<li class="col03">商品价格</li>
    			<li class="col04">数量</li>
    			<li class="col05">小计</li>		
    		</ul>
    		{{range .goodsBuffer}}
    			<ul class="goods_list_td clearfix">
    				<li class="col01">{{.goods.Id}}</li>
    				<li class="col02"><img src="http://192.168.110.81:8888/{{.goods.Image}}"></li>
    				<li class="col03">{{.goods.Name}}</li>
    				<li class="col04">{{.goods.Unite}}</li>
    				<li class="col05">{{.goods.Price}}元</li>
    				<li class="col06">{{.count}}</li>
    				<li class="col07">{{.amount}}元</li>
    			</ul>
    		{{end}}
    	</div>
    
    	<h3 class="common_title">总金额结算</h3>
    
    	<div class="common_list_con clearfix">
    		<div class="settle_con">
    			<div class="total_goods_count">共<em>{{.totalCount}}</em>件商品,总金额<b>{{.totalPrice}}元</b></div>
    			<div class="transit">运费:<b>{{.transferPrice}}元</b></div>
    			<div class="total_pay">实付款:<b>{{.realyPrice}}元</b></div>
    		</div>
    	</div>
    
    	<div class="order_submit clearfix">
    		<a href="javascript:;" id="order_btn" skuids="{{.skuids}}">提交订单</a>
    	</div>	
    
    	<div class="footer">
    		<div class="foot_link">
    			<a href="#">关于我们</a>
    			<span>|</span>
    			<a href="#">联系我们</a>
    			<span>|</span>
    			<a href="#">招聘人才</a>
    			<span>|</span>
    			<a href="#">友情链接</a>		
    		</div>
    		<p>CopyRight © 2016 ***信息技术有限公司 All Rights Reserved</p>
    		<p>电话:010-****888    京ICP备*******8号</p>
    	</div>
    
    	<div class="popup_con">
    		<div class="popup">
    			<p>订单提交成功!</p>
    		</div>
    		
    		<div class="mask"></div>
    	</div>
    	<script type="text/javascript" src="/static/js/jquery-1.12.4.min.js"></script>
    	<script type="text/javascript">
    		$('#order_btn').click(function() {
    		    //地址的id 支付方式的id 商品的id   总价格 运费  实际价格
    			addrid = $('input[name="addr"]:checked').val()
    			payId = $('input[name="pay_style"]:checked').val()
    			skuids = $('#order_btn').attr("skuids")
    			totalPrice = $('.total_goods_count').children('b').text()
    			totalCount = $('.total_goods_count').children('em').text()
    			transferPrice = $('.transit').children('b').text()
    			realyPrice = $('.total_pay').children('b').text()
    
    			param = {"addrid":addrid,"payId":payId,"skuids":skuids,"totalPrice":totalPrice,"totalCount":totalCount,"transferPrice":transferPrice,"realyPrice":realyPrice}
    
    
                $.post("/user/addOrder",param,function (data) {
    				if(data.code == 5){
                        localStorage.setItem('order_finish',2);
    
                        $('.popup_con').fadeIn('fast', function() {
    
                            setTimeout(function(){
                                $('.popup_con').fadeOut('fast',function(){
                                    window.location.href = '/user/userCenterOrder';
                                });
                            },3000)
    
                        });
    				}else {
    				    alert(data.errmsg)
    				}
                })
    
    
    
    		});
    	</script>
    </body>
    </html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值