最近写一个简单的后台管理系统,前台是套用的一套Bootstrap框架的一套模板。在HTML页面的模板上,用一些简单的jquery脚本,使用JSP页面完成前后台交互。
在写到一个AJAX请求的时候,发现AJAX请求可以到后台,但是返回不了JSON数据,页面最后的效果是刷新当前页面,还把参数给刷没了。。
经检查,发现自己绑定事件的button标签在form表单里,也就是在form表单里的button 默认是会刷新当前页面。
解决方法如下:
1.如果不强制要求 button 在form表单里,把form表单去掉就可以了
2. 非要在form 表单里 给 button加上 type="button" 属性
3. 在绑定的事件中 这样写:
$('btn').click(function(e){
e.preventDefult();
});