记一次Bootstrap框架下 使用Ajax失效的问题

Posted 2021-11-30 caijiwdq

最近写一个简单的后台管理系统，前台是套用的一套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();

});