<div align="center" id="div2">
    <form>
   商品名稱：<input type="text" id="gname"><br><br>
   商品價格：<input type="text" id="gprice"><br><br>
   商品種類：<input type="text" id="category"><br><br>
   <input type="button" value="新增" id="but2">
   <input type="reset" style="display:none;" /> 
    </form>

    </div>

<script type="text/javascript">
 
  $("#but2").click(function(){
  var gname = $("#gname").val();
  var gprice = $("#gprice").val();
  var catagory = $("#category").val();
  $.ajax({
  url:"goodsAction_addGoods.action",
  type:"post",
  data:{"goods.GName":gname,"goods.GPrice":gprice,"goods.GSpecies":catagory},
  success:function(result){
  alert(result);
  $("table").html("");
  var htmls = "<tr><td>商品編號</td><td>商品名稱</td><td>商品價格</td><td>商品種類</td><td>操作</td></tr>";
  $.each(result,function(i,n){
  htmls += "<tr><td>"+n.GId+"</td><td>"+n.GName+"</td><td>"+n.GPrice+"</td><td>"+n.GSpecies+"</td><td><a href='shoppingAction_addOrder.action?GId="+n.GId+"'>新增到購物車</a></td></tr>";
  });
  $("table").html(htmls);
  $("#div2").hide();
  $("input[type=reset]").trigger("click");//觸發reset
  }
 
  });
  });
 
  </script>