ajax post请求返回json数据后,页面不需要刷新的问题解决如例
2017-09-25 17:56
1796 查看
<form> <input name="a" type="text" /> <input name="b" type="text" /> <input id="sub" type="button" value="提交" class="btn btn-primary" /> </form>
$("#sub").click(function () { $.ajax({ url: url, data: $("form").serialize(), type: 'post', dataType: "json", success: function (data) { if (data == "0") { alert(111); } } }); });
解决来源:
Ajax post请求返回json数据后,页面刷新的问题解决
浏览:1413 发布日期:2016/11/20 分类:技术分享 关键字: Ajax 页面刷新在js中没有执行reload操作,然而点击提交按钮却会刷新页面。情况是:
当你点击提交的时候,其实完成了两个动作,一个是ajax提交数据,另一个是form表单的自动提交,且在form中的action是为空的吧,就提交到当前页面,也就是刷新。click(function(){
//ajax提交
$.post();
return false; // 添加该行代码阻止form表单自动提交
});
复制代码评论(2)相关
mitox11月21日type="submit"去掉
回复萧十一郎11911月23日使用的过程中,已将其按照button来使用了。但还是出现了这种情况。
zb304011月21日默认情况button按钮和submit按钮都有提交表单的功能
相关文章推荐
- ajax请求数据,Json返回到页面的数据出现中文乱码问题。
- 关于页面请求返回json数据问题
- Android 解决Retrofit请求数据,数据过多,返回json数据乱码问题
- 关于extjs中的tabpanel的刷新等若干问题,解决tabpanel内页面刷新,更新数据等问题。
- asp.net mvc利用Json验证数据和导向页面,解决重复提交问题
- Jquery Ajax 学习实例2 向页面发出请求 返回JSon格式数据
- 解决刷新页面造成的数据重复提交问题
- .NET easyui form提交后,返回json数据在IE下弹出下载的问题解决方法
- 关于js处理ajax请求返回json数据时出现页面缓存的解决方案(适用于showdialog)
- 基于Jquery 解决Ajax请求的页面 浏览器后退前进功能,页面刷新功能实效问题
- 解决服务器返回JSON数据中文乱码问题
- SubmitOncePage:解决刷新页面造成的数据重复提交问题
- linq to sql统一更新方法,直接返回更新的对象(解决更新后再刷新数据错误显示问题)
- SubmitOncePage:解决刷新页面造成的数据重复提交问题
- 解决刷新页面造成的数据重复提交问题
- SubmitOncePage:解决刷新页面造成的数据重复提交问题
- jquery通过struts2请求,返回json数据,在jsp页面形成二级联动下拉列表
- Jquery Ajax学习实例2-向页面发出请求,返回JSon格式数据
- 在Asp.net 2.0 中禁用页面缓存解决页面刷新(重新加载数据)的问题!