当button按钮放入form表单进行ajax提交遇到的诡异问题

当我把button按钮放入form表单进行ajax提交时,触发点击事件后就会重新自动刷新页面,搞了半天才发现button按钮放入表单惹的祸,记录下来,至于原因后面再找时间找,只要把button按钮移到表单外就没事了

// 搜索框

$("#btn_search").on("click", function() {
var search_basictype = $("#search_basictype").val();// 自然保护区id
var name_search = $("#name_search").val();// 搜索名称
$.ajax({
type : "post",
url : queryDirectoriesByNameurl,
dataType : "json",
data : {
"search_basictype" : search_basictype,
"name_search" : name_search
},
success : function(re) {
funguslist = re;
createtable();
}
});
});