我正在嘗試使用 Jquery 在同一選項卡中加載頁面，但頁面會重新加載。因此，為了調試，我嘗試在新選項卡中打開頁面并且運行良好，我還嘗試使用位置 href 打開像 Google 那樣的常規頁面，但頁面只是重新加載。檢查網絡服務器日志我看到：::1 - - [13/Aug/2020:23:04:27 +0200] "GET /search.php?q=zagor HTTP/1.1" 200 10717::1 - - [13/Aug/2020:23:04:27 +0200] "GET /index.php HTTP/1.1" 200 52293因此，似乎在調用之后有一個對同一位置的調用覆蓋了第一個位置，但我找不到它發生的位置。Jquery函數：$('.site-btn').on('click', function() { var query = "search.php"; var qValue = $("input[id='q']").val(); if (qValue.length != 0) { query = query + "?q=" + qValue; } var filterByValue = $("input[name='filterby']:checked").val(); if (filterByValue != null) { query = query + "&by=" + filterByValue; } var filterLimitValue = $("input[name='filterlimit']:checked").val(); if (filterLimitValue != null) { query = query + "&limit=" + filterLimitValue; } var filterOrderValue = $("input[name='filterorder']:checked").val(); if (filterOrderValue != null) { query = query + "&order=" + filterOrderValue; } location.href = query;});
2 回答
慕沐林林
TA貢獻2016條經驗 獲得超9個贊
嘗試傳遞event給函數，然后傳遞給event.preventDefault()它，就像這樣 // 第一行，然后執行你的邏輯
$('.site-btn').on('click', function( event ) {
event.preventDefault();
// ...
var query = "search.php";
var qValue = $("input[id='q']").val();
// ..
location.href = query;
});
HUWWW
TA貢獻1874條經驗 獲得超12個贊
在您的 HTML 中，您有：
<form>
<input type="text" id="q" placeholder="What comic are you searching?">
<button class="site-btn">SEARCH</button>
</form>
a 中type的默認值為，因此當您單擊它時，您將導致表單提交，從而導致頁面重新加載。解決方案是將按鈕指定為常規按鈕：buttonformsubmit
<button type="button" class="site-btn">SEARCH</button>
另一個解決方案是刪除<form>和</form>標簽，因為您實際上并未在任何地方提交數據。然后你就可以不管它了，button因為它不會再出現了form，所以不會submit發生。
- 2 回答
- 0 關注
- 211 瀏覽
添加回答
舉報
0/150
提交
取消