我想在不重繪 頁面的情況下按標題創建 wordpress 搜索。當在搜索中輸入超過 3 個符號時,必須顯示新結果。我已經輸入了表單:
<form id="searchForm">
<input id="newsSearch" name="newsSearch" type="text" name="newsSearch" placeholder="Для отображения ленты по определенной компании введите ее название или тикер в это поле">
</form>
但是當我輸入時 - 輸入的值沒有改變。如果我無法獲得,我如何在輸入 3 個符號后搜索帖子input.value.length?另外,如何在不重繪 頁面的情況下進行搜索?我知道它可以用 ajax 來完成,但我得到了這段代碼,但它沒有任何作用,提交后頁面仍在重新加載:
<script>
$('#searchForm').submit(function(e) {
e.preventDefault(); // prevent from submitting form directly
$.ajax({
url: '<?php echo admin_url('admin-ajax.php'); ?>',
method: 'post',
data: $("#searchForm").serializeArray() // convert all form data to array (key:value)
})
.done(function(response){
alert('ok'); // show the response
$("#searchForm").reset(); // reset the form
})
.fail(function(error){
alert(error); // show the error.
});
})
</script>
uj5u.com熱心網友回復:
您的輸入值沒有改變,因為您正在收聽表單上的“提交”事件。您應該在“輸入”事件的輸入元素上創建一個偵聽器。
$('#newsSearch').on('input', function(e) {...
在里面你應該自己創建一個檢查,如果值小于 3 個符號,函式將回傳并且什么都不做。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/477025.html
標籤:javascript 阿贾克斯 WordPress 形式 搜索
上一篇:未捕獲的ReferenceError:firstFunc未在HTMLButtonElement.onclickWordpressDivi中定義
