1. 在搜索栏时用form表单嵌套搜索项,表单内提交采用button按钮时会触发表单提交时间,ajax请求将会cancel。
解决办法:
- 在查询事件后加上return false,执行完ajax请求之后阻止表单提交。
$('.headerBox').on('click','.searchBtn',function(){
var pageSize = $('#pageSize').val();
loadList(0, pageSize, 0)
return false // 阻止表单提交
})
- 如果查询列表只有一个文本框时,在文本框输入值之后键盘回车也会导致表单提交,刷新页面。可采用第二种方法,在form表单上加上阻止提交事件。但是这个时候如果提交按钮采用button的话,回车会触发ajax请求。
<form accept-charset="utf-8" id="searchForm" onsubmit="return false;">
第二种方法参考文长:https://blog.csdn.net/u010121001/article/details/79851774