ajax提交表单后,清空表单
来源:互联网 发布:写日志的软件知乎 编辑:程序博客网 时间:2024/04/29 23:38
<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>
- ajax提交表单后,清空表单
- [微信小程序]提交表单返回成功后自动清空表单的值
- jquery 清空表单
- 清空表单项
- jquery 表单 清空
- jquery 表单 清空
- jquery 清空表单
- jquery 表单清空
- jQuery 清空表单
- jquery 表单 清空
- 清空 form 表单
- jquery 表单 清空
- jquery 表单 清空
- jquery 表单清空
- jquery 表单 清空
- easyui清空表单
- 清空form表单
- jquery 表单 清空
- URL字符串中空格转化
- 干货分享——shutdown命令
- maven 汇总
- thinkphp连接数据库具体步骤
- Nginx之(四)工作原理
- ajax提交表单后,清空表单
- 初识GCD
- Mysql存储引擎myisam和innodb的区别
- Java 线程组和线程池区别
- 安卓实战——第三方服务之Bmob后端云(一)集成工作。
- Python 入门指南
- Apache Bigtop再论与卖书求生存
- Python学习笔记(11)-函数式编程
- ffmpeg命令: 删除视频中不需要的音频流