Php JQuery页面刷新

我正在使用JQuery和剑道UI处理一个页面。这是我的第一个JQuery项目，我一直在努力。但是，由于某些原因，我的页面会刷新。这就是我试图做的：我有一个文本字段，可以在其中输入搜索词，当我按下按钮时，查询被发送到一个php文件，一些json信息将弹出。到目前为止，我可以让它返回一些东西，但是页面刷新了，所有的数据都消失了

代码：

*
搜寻
搜索：
发现
$（函数（）{
$（“#网格”）.kendoGrid({
数据源：{
运输：{
阅读：“include/showsearch.php”
},
模式：{
数据：“数据”
}
},
列：[{field:“id”}，{field:“name”}，{field:“seasure”}]
});
$（“#提交”）。单击（函数（）{
var textVal=$（“#txtSearch”）.val（）；
var dynamiccurl=“include/showsearch.php？show_name=“+textVal；
var grid=$（“#grid”）.data（“kendoGrid”）；
警报（“sdf123”）；
grid.dataSource.transport.options.read.url=dynamiccurl；
grid.dataSource.read（）；
警报（“sdf”）；
});         
});
*

注:

---

我使用了警报功能来停止并查看页面的反应。如何从刷新中获取页面？

发生这种情况的原因是提交按钮的默认操作仍在发生；提交表格

最好捕获表单提交事件，而不是单击按钮，因为在文本字段中按Enter键也可能提交表单

您还需要阻止默认事件操作

改变这个

$("#submit").click(function(){

对此

$('#search').on('submit', function(e) {
    e.preventDefault();
    // and the rest of your code here

---

或者您可以将按钮类型从“提交”更改为“按钮”：

$('#search').on('submit', function(e) {
    e.preventDefault();
    // and the rest of your code here