JQuery对jsp页面没有影响

我有一个搜索按钮，一旦点击，它会调用editAction.java。我不想在点击搜索按钮（我的jsp页面上有搜索功能）后刷新页面。即使在我的jsp页面底部包含javascript，重新启动了tomcat服务器，但它仍然不起作用。我可以知道我在这里做错了什么吗？JQuery对jsp页面没有影响

<button class="btn btn-success btn-labeled fa fa-search" type="submit" name="action" value="search" id ="search">Search</button>

的Javascript使用

<script> 
     $('#search').click(function (e) 
     { 
      e.preventDefault(); 
      var val = $(this).val(); 

      $.ajax({ 
       url: editAction.java, 
       type: 'POST', 
       data: 
         { 
          $('#search').val(); 
         }, 
       success: function (msg) 
       { 
        alert('Successful'); 
       } 
      }); 
     }); 
    </script>

来源

2017-08-02 sh123

“但它仍然不生效”请澄清。 –

使用“返回false”; – Tehmina

@Tehmina你是什么意思？能够向我展示？ – sh123

确保jQuery是包含在你的脚本

还当你在浏览器中打开开发者工具打开网页通常F12和检查显示的错误

请发布一个完整的工作/错误产生的代码，所以我们可以帮助

来源

2017-08-02 03:13:35

确保你的网址是正确的。重新启动tomcat后，您需要清除浏览器缓存，才能使用新版本的Javascript。尝试按Ctrl + Shift +删除

来源

2017-08-02 03:25:19

尝试从按钮标记中移除type =“submit”。

来源

2017-08-02 03:28:02 coolk

try this snippet: 

<button class="btn btn-success btn-labeled fa fa-search" value="search" id="search">Search</button> 

$('#search').click(function (e) { 
    $.post("your url", { 
     searchValue: $('#search').val() 
    }, function (msg) { 
     alert(msg); 
    }); 
});

来源

2017-08-02 03:48:23

它仍然刷新.. – sh123

JQuery对jsp页面没有影响

回答

相关问题