input输入框回车查询数据自动刷新

问题描述：当输入数据时回车查询数据被自动刷新

记录时间：2017年12月26日

一：表单

<form id="formSearch" class="form-horizontal" οnsubmit="return false;">
<div class="form-group">
<label class="control-label col-sm-2" for="">档案条码:</label>
<div class="col-sm-4">
<input type="text" class="form-control" id="recordId" placeholder="请输入六位档案条码！">

</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-3">
<button type="button" class="btn btn-primary" οnclick="search()">查询</button>&nbsp;&nbsp;&nbsp;&nbsp;
<button type="reset" class="btn btn-default">重置</button>
</div>
</div>
</form>

二：查询方法js

function search() {
if($("#recordId").val()==""){
swal("请输入六位档案条码","","warning");
return;
}
$.ajax({
url : path+"/searchRecord/personRecord.action",
data :{
"recordId":$("#recordId").val()
},
type : "post",
dataType : "json",
beforeSend : function() {
// loading show
},
success : function(result) {
if (result.success) {
initTable();
$('#dataGrid').bootstrapTable('refresh');
} else {
swal("无此人档案","","warning");
}
},
complete : function() {
},
error : function(data) {
//alert("error");
} 
});
}

三：回车事件

document.onkeydown = function(e) {
e = e || event;
var key = e.keyCode || e.charCode;
if (key == 13) {
search();
}
};

最后

以上就是要减肥饼干为你收集整理的input输入框回车查询数据自动刷新的全部内容，希望文章能够帮你解决input输入框回车查询数据自动刷新所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。