ajax提交表单后,清空表单

来源:互联网 发布:写日志的软件知乎 编辑:程序博客网 时间:2024/04/29 23:38
<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>


0 1
原创粉丝点击