jQuery輸入提示框是一種在輸入框中展示有用信息的組件。它通常用于幫助用戶輸入或補全他們正在輸入的內容。下面是一個基本的jQuery輸入提示框示例:
<input type="text" id="inputBox"/> <ul id="autoCompleteResults"></ul> <script> $(document).ready(function() { $('#inputBox').on('keyup', function() { var text = $(this).val(); $.ajax({ url: 'https://example.com/search?q=' + text, success: function(results) { // 在列表中顯示數據 $('#autoCompleteResults').empty(); $.each(results, function(i, result) { $('#autoCompleteResults').append('<li>' + result + '</li>'); }); } }); }); }); </script>
在這個示例中,當用戶在輸入框中鍵入任何字符時,jQuery將發送一個HTTP請求到指定的URL,并將結果顯示在ul元素中。這個過程被稱為Ajax,它使我們能夠異步地向服務器請求數據而不必刷新整個頁面。
當然,上面的代碼只是一個簡單的例子。實際中,一個更復雜的應用可能需要更多的定制和優化。但是,本質上,所有的jQuery輸入提示框功能都是通過監聽用戶輸入并向服務器發送請求來實現的。