来自 MySQL 的自动完成 jQuery 不起作用

Posted

技术标签:

【中文标题】来自 MySQL 的自动完成 jQuery 不起作用【英文标题】:Autocomplete jQuery from MySQL not working 【发布时间】:2020-11-25 13:27:39 【问题描述】:

我正在开发 Laravel 视图页面并使用 jQuery 从数据库中获取数据。我有其他功能工作正常,但我无法在这里看到我做错了什么。它返回一个空字段。

我附上了刀片、控制器、web.phpdefault.js 的代码 sn-ps。

请帮帮我:)

/* default.js*/
$( ".search_doc_name" ).autocomplete(
  source: "/search/doc_name",
  minLength: 1,
  response: function(event, ui) 
    if (ui.content.length === 0) 
      $(this).parent().addClass('has-error');
      $(this).next().removeClass('glyphicon-ok').addClass('glyphicon-remove');

      $(".search_doc_name_empty").show();
      $('.form_submit').hide();
     else 
      $(".search_doc_name_empty").hide();
      $('.form_submit').show();
    
  ,
  select: function(event, ui) 
    $('.search_doc_id').val(ui.item.id);
    $('.search_doc_name').val(ui.item.value);
  
);

$( ".search_doc_name" ).on('keyup',function()
   $(".search_doc_name_empty").hide();
);
/*And this is my controller :*/
public function doc_name(Request $request)
  $term = $request['term'];
  $input = $request->all();

  $results = array();

  $queries = \App\Models\DoctorsDetail::where('doc_name', 'LIKE', '%'.$term.'%')->take(25)->get();

  foreach ($queries as $key => $value)
    
       $queries[$key]['value'] = $value->doc_name;
    

    return \Response::json($queries);

/* web.php*/
Route::group(['prefix' => 'search'], function () 
  Route::any('/doc_name', 'SearchController@doc_name');
);
/*blade*/
  <div class="col-sm-6">
    <div class="form-group">
      <label>اسم الدكتور</label><br>
      <input type="text" class="form-control search_doc_name"  placeholder="Type here ..." name="doc_name">
      <span class="help-block search_doc_name_empty" style="display: none;">No Results Found ...</span>
      <input type="hidden" class="search_doc_id" name="doc_id">
    </div>
  </div>

【问题讨论】:

它带来了什么反应?一个错误?空数据? 它是空数据,就像它是一个普通的文本表单控件,没有将其链接到 JQuery 函数的类 【参考方案1】:

清除缓存后自行解决。突然开始工作

【讨论】:

以上是关于来自 MySQL 的自动完成 jQuery 不起作用的主要内容,如果未能解决你的问题,请参考以下文章

使用来自外部 JSON 的 JQuery 的自动完成表单字段不起作用

首次加载页面时,Jquery UI 自动完成功能不起作用

为啥使用 jQuery 和 PHP 的多项选择自动完成功能不起作用?

jquery自动完成不适用于JSON数据

我的 jquery 自动完成功能不起作用

jquery UI 自动完成:我克隆的自动完成字段不起作用