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頁面沒有影響

回答

相關問題