ajax从后台获取数据,追加到在前台form表单中,但是提交form表单值并没有传过去

zhangzy_java 发布于 2018/04/22 18:25
阅读 3K+
收藏 1

前台js

<script type="text/javascript">
 var itemId=${itemId};
     $(function(){         
         $.ajax({
                 url:"<%=basePath%>detialInfo",
                type:"get",
                data:{"itemId":itemId},
                dataType:"json",        
                success:function(req) {
                    if(req!=null){
                        var countprice=parseFloat(req.price*req.tbRebateCoefficient.rebate);
                         var title = "<td height='42' colspan='3' style='font-weight:bold'>"+req.title+"</td>";
                         $('#itemId').val(itemId);
                         $('#title').val(req.title);
                         $('#countprice').val(countprice);
                         var price="<td style='text-decoration:line-through'>¥"+req.price+"</td>";
                         var num="<td height='42' style='font-size:13px; color:#333'>库存"+req.num+"件</td>";
                         var guige="<td colspan='2'> <input  type='radio' name='guige' value='guige'>"+req.tbSpecifications.specifications+"</td>";
                         var count="<td style='font-size:19px; font-weight:bold; color:#F00'>¥"+countprice+"</td>";
                         $('.count').append(count);
                         $('.title').append(title);
                         $('.price').append(price);
                         $('.num').append(num);
                         $('#haha').append(guige);
                         specificationsid=req.tbSpecifications.id;
                         $.ajax({
                                url:"<%=basePath%>specificationsInfo",
                                type:"post",
                                data:{"id":specificationsid},
                                dataType:"json",
                                success:function(data){

                                        for (var i = 0; i < data.length; i++) {

                                            if(i==0){
                                                 canshu="<input type='radio' name='canshu' value='canshu0' checked='checked'/>"+data[i].specificationsType;
                                                
                                            }else{
                                                 canshu="<input type='radio' name='canshu' value='canshu'/>"+data[i].specificationsType
                                            }
                                            
                                            
                                             $('#canshu').append(canshu)
                                             
                                        }
                                        
                                        
                                    }    
                                     
                                
                            }); 
                    }else{
                        alert("此商品已下架");
                        window.location.href="<%=basePath%>index1";
                    }
                    
                    
                }
     });
      

 

 
         
     });

前台页面:

<form action="<%=basePath%>cartInfo" method="post">
<input type="hidden" id="itemId" name="itemId" />
<input type="hidden" id="title" name="title" />
<input type="hidden" id="countprice" name="countprice"/>
<table width="500" cellspacing="4" cellpadding="1">
  <tr class="title">
  </tr>
  
  <tr class="price">
    <td height="35" style="font-size:13px; color:#333; width:55px;">价格</td>
  </tr>
  <tr class="count">
    <td height="47" style="font-size:13px; color:#333;">促销价</td>
  </tr>
  <tr>
    <td height="36" style="font-size:13px; color:#333">本店活动</td>
    <td style="font-size:13px; color:#F00">满199元减5元,包邮;满1999元减10元,包邮</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="50" style="font-size:13px; color:#333">发货时效</td>
    <td style="font-size:13px; color:#333">当天16时之前的订单当天安排发货,90%的地区次日即可送达(偏远地区除外)</td>
    <td>&nbsp;</td>
  </tr>
  <tr style="text-align:center;">
    <td height="42" style="font-size:13px; color:#333">月销量10</td>
    <td style="font-size:13px; color:#333"><a href="#" style="text-decoration:none; color:#F00">累计评价9529</a></td>
    <td style="font-size:13px; color:#333">送积分19</td>
  </tr>
  <tr id="haha">
    <td height="51" style="font-size:13px; color:#333">商品规格</td>
  </tr>
  <tr class="canshu">
   <td height="51" style="font-size:13px; color:#333">规格详情</td>
  <td id="canshu" colspan="2"></td>
  </tr>
 
     <tr class="num">
    <td height="59" style="font-size:13px; color:#333">数量</td>
    <td><span style="margin-left:20px; font-weight:bold" id="jian">-</span>
    <input type="text" name="num" value="1" style="color:#666; text-align:center; font-weight:bold" id="input3" size="2px"/>
    <span style="font-weight:bold" id="jia">+</span>
    </td>
    </tr>
    <tr>
    <td height="59" style="font-size:13px; color:#333"></td>
    <td style="font-size:13px; color:#F00"><a href="#"><img src="/img/mai.png" /></a></td>
    <td><img src="img/jiaru.jpg" id="jiaru"/></td>
  </tr>
</table>
</form>

 

 

 

后台java代码

@RequestMapping("/cartInfo")
    public String cartInfo(Model model,HttpServletRequest request) {
        TbOrderItem tbOrderItem=new TbOrderItem();
        String itemId=request.getParameter("itemId");//商品id
        String title=request.getParameter("title");//商品名
        String countprice=request.getParameter("countprice");//优惠价
        double price=Double.parseDouble(countprice);
        String guige=request.getParameter("guige");//商品规格
        String canshu=request.getParameter("canshu");//参数详情
        String num=request.getParameter("num");//购买数量
        double totlefee=price*Integer.parseInt(num);
        tbOrderItem.setId(String.valueOf(IDUtils.genItemId()));
        tbOrderItem.setItemId(itemId);
        tbOrderItem.setTitle(title);
        tbOrderItem.setPrice(price);
        tbOrderItem.setItemType(guige);
        tbOrderItem.setItemSize(canshu);
        tbOrderItem.setTotalFee(totlefee);
        tbOrderItem.setNum(Integer.valueOf(num));
        tbOrderItem.setOrderId(String.valueOf(IDUtils.genItemId()));
        tbOrderItemService.insertTbOrderItem(tbOrderItem);
        model.addAttribute("tbOrderItem",tbOrderItem);
        return "cart";
        
    }

数据库

前台页面

加载中
0
0
清帝
清帝
${itemId}外面加上双引号试试。不加双引号不识别
zhangzy_java
zhangzy_java
是参数(canshu)和规格(guige)获取不到,商品id是可以获取到的,是不是在table里面的原因
0
菜鸟切糕
菜鸟切糕

隐藏的三个参数没有没看到赋值呀

zhangzy_java
zhangzy_java
在下边<input>标签有个hidden隐藏了
0
miyusen
miyusen
楼主是怎么解决的?
返回顶部
顶部