Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在3个字符后进行Ajax搜索_Javascript_Ajax_Search - Fatal编程技术网

Javascript 在3个字符后进行Ajax搜索

Javascript 在3个字符后进行Ajax搜索,javascript,ajax,search,Javascript,Ajax,Search,在用户输入3个字符后,如何进行Ajax搜索? 我不是javascript方面的专家,但到目前为止,我的HTML文件如下: <form> <input type="text" id="searchField" name="searchField" placeholder="..."> </form> <script> $('#searchField').searchbox({ url: 'components/search_ajax

在用户输入3个字符后,如何进行Ajax搜索? 我不是javascript方面的专家,但到目前为止,我的HTML文件如下:

<form>
<input type="text" id="searchField" name="searchField" placeholder="...">
</form>

<script>
    $('#searchField').searchbox({
    url: 'components/search_ajax.php',
    param: 'q',
    dom_id: '#searchResult',
    delay: 0,
    loading_css: '#spinner'
    });
</script>

$(“#searchField”).searchbox({
url:'components/search_ajax.php',
参数:“q”,
dom_id:“#搜索结果”,
延迟:0,
正在加载css:“#微调器”
});
在按下backspace按钮时调用搜索(然后所有数据库条目都会被表示,因为有一个不带字符的匹配搜索)

提前谢谢! 关于。

请执行以下操作:

$('#searchField').change(function() {
 var value = $(this).val();
 if(value.length>= 3){
    ajax_search();
 }

});

function ajax_search(){
  $('#searchField').searchbox({
  url: 'components/search_ajax.php',
  param: 'q',
  dom_id: '#searchResult',
  delay: 0,
  loading_css: '#spinner'
  });
}
这样做:

$('#searchField').change(function() {
 var value = $(this).val();
 if(value.length>= 3){
    ajax_search();
 }

});

function ajax_search(){
  $('#searchField').searchbox({
  url: 'components/search_ajax.php',
  param: 'q',
  dom_id: '#searchResult',
  delay: 0,
  loading_css: '#spinner'
  });
}

首先,您需要让我们知道您使用的是哪个插件,我有一种感觉,如果是,请更改:

process: function(terms) {


首先,您需要让我们知道您使用的是哪个插件,我有一种感觉,如果是,请更改:

process: function(terms) {


这是错误的<代码>$(“#searchField”).searchbox()将在每次更改输入时在
searchField
上进行初始化。他需要的是根据输入的长度启动搜索
searchbox()
也将在此处初始化,但只有在用户输入长度为3的内容后才会初始化。他没有提到他在使用什么,我给出的只是简单的代码,不管有什么插件是的,我理解,但是如果你继续重新初始化
searchbox()
你会很不开心的,我想,searchbox应该重新初始化,对吗?如果我输入
lond
它找不到伦敦,那么我将继续使用
london
键入,然后它还应该再次在数据库中搜索,因此重新初始化是有意义的,我想谢谢。但我昨天自己做了你们的解决方案,但并没有成功,因为就像囚犯提到的那个样,每次我输入字符时,搜索字段都会被初始化。这是错误的<代码>$(“#searchField”).searchbox()将在每次更改输入时在
searchField
上进行初始化。他需要的是根据输入的长度启动搜索
searchbox()
也将在此处初始化,但只有在用户输入长度为3的内容后才会初始化。他没有提到他在使用什么,我给出的只是简单的代码,不管有什么插件是的,我理解,但是如果你继续重新初始化
searchbox()
你会很不开心的,我想,searchbox应该重新初始化,对吗?如果我输入
lond
它找不到伦敦,那么我将继续使用
london
键入,然后它还应该再次在数据库中搜索,因此重新初始化是有意义的,我想谢谢。但我昨天自己做了你的解决方案,但没有成功,因为就像囚犯提到的那样,每次我输入字符时,搜索字段都会被初始化。你的感觉是对的。而且您的解决方案运行良好(在javascript和php文件两方面)。谢谢你的感觉是对的。而且您的解决方案运行良好(在javascript和php文件两方面)。谢谢@doniyor谢谢你的提示@doniyor谢谢你的提示!