Question

嘿，我是laravel的新手，我正在制作一个自动完成的搜索栏。但我遇到的问题是，当我写任何单词时，它在我的控制台面板中出现错误

Failed to load resource: the server responded with a status of 404 (Not Found). jquery-1.10.2.js:8706

jquery中出现此错误的行是

xhr.send( ( s.hasContent && s.data ) || null );

请帮帮我。我已经尝试了很多但未能得到所需的结果。

我包含jquery的代码视图是

  <html>
 <head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

</head>
 <body>
<div class="row">
    <div class="col-md-4"></div>
   <div class="col col-md-4">
      <section class="card">
         <header class="card-heading">
             <input type="text" name="searchname" class="form-control" id="searchname" placeholder="Search"  >
          </header>
          <div class="card-block">
            <table>
                <tr>
                  <td>ID</td>
                  <td><input type="text" name="id" class="form-control"></td>
                </tr>
                <tr>
                <td>Symtomps</td>
                  <td><input type="text" name="symtomps" class="form-control" ></td>
                </tr>
              </table>

          </div>
       </section>
    </div>
</div>
</body>
 <script type="text/javascript">
$('#searchname').autocomplete({
    source: '{!!URL::route('autocomplete')!!}',
    //source: '{{ asset('search') }}',
    //source: '{{URL::route('autocomplete')}',
    minlength:1,
    autoFocus:true,
    select:function(e,ui){
    //$('#id').val($data->symtomps);
}
});

</script>

我的代码的控制器是

   <?php

   namespace App\Http\Controllers;


   use Illuminate\Http\Request;
   use App\Disease;
   use Input;

   class DiseaseController extends Controller
    {
 public function index()
 {
     return view('disease.disease');
 }
public function autocomplete(Request $request)
{
   $term = $request->term;
    $data = Disease::where('symtomps','Like','%'.$term.'%')
    ->take(2)
    ->get();
    $result=array();

    foreach($data as $key => $v)
    {
        $results[]=['id' =>$v->id,'value'=>$v->symtomps];
    }
    return response()->json($results);
}

}

Answer 1

你没有资源（不是像json这样的任何商店文件）要么使用ajax，要么就是这样。

source: function (request, response) {
    $.get("{!!  URL::route('autocomplete')  !!}", {
        query: request.term
    }, function (data) {
        response(data);
    });
},

Answer 2

如果您使用的是CDN的jQuery，那么您必须以正确的格式指定完整的链接。

尝试更改行：

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

到

<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

找不到Jquery和laravel 404

2 个答案: