在Web開發中,輸入框查詢是一個常見需求。我們可以使用jQuery為輸入框添加查詢事件,使得用戶可以輸入關鍵字并進行查詢。
下面是一個例子:
上述代碼中使用了jQuery的on方法為輸入框添加了一個“input”事件,該事件觸發時會執行一個查詢操作。查詢操作使用了jQuery的ajax方法向服務器發送了一個POST請求,傳遞了一個名為“keyword”的參數。查詢結果將在成功的回調函數中更新頁面。
我們可以把上述代碼放在一個
下面是一個例子:
$(document).ready(function() { // 選取輸入框并為其添加查詢事件 $("input[type='text']").on("input", function() { // 獲取輸入框的內容 var keyword = $(this).val(); // 進行查詢 $.ajax({ url: "search.php", type: "POST", data: { keyword: keyword }, success: function(result) { // 查詢成功后的操作 $("#result").html(result); } }); }); });
上述代碼中使用了jQuery的on方法為輸入框添加了一個“input”事件,該事件觸發時會執行一個查詢操作。查詢操作使用了jQuery的ajax方法向服務器發送了一個POST請求,傳遞了一個名為“keyword”的參數。查詢結果將在成功的回調函數中更新頁面。
我們可以把上述代碼放在一個