AJAX не удалось загрузить сервер со статусом 500 - PullRequest
Новая
       1

AJAX не удалось загрузить сервер со статусом 500

1 голос
/ 31 мая 2019

Я взял пример из интернета работы Laravel с AJAX. Но это дает мне 500 внутренняя ошибка сервера:

jquery.min.js: 4 GET 127.0.0.1:8000/search?search=p 500 (Внутренняя ошибка сервера) send @ jquery.min.js: 4 ajax @ jquery.min.js: 4 (анонимно) @ (индекс): 39 отправка @ jquery.min.js: 3 r.handle @ jquery.min.js: 3

Этот код для контроллера называется SearchController 

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class SearchController extends Controller
{
    public function index()
    {
        return view('search.search');
    }

    public function search(Request $request)
    {
        if($request->ajax())
        {
            $output="";
            $products=DB::table('products')->where('title','LIKE','%'.$request->search."%")->get();
            if($products)
            {
                foreach ($products as $key => $product) {
                    $output.='<tr>'.
                                '<td>'.$product->id.'</td>'.
                                '<td>'.$product->title.'</td>'.
                                '<td>'.$product->description.'</td>'.
                                '<td>'.$product->price.'</td>'.
                               '</tr>';
                }
                return Response($output);
            }
        }   
    }
}

Код в web.php 

Route::get('/','SearchController@index');
Route::get('/search','SearchController@search');

Код блейд-файла 

<!DOCTYPE html>
<html>
    <head>
        <meta id="token" name="_token" content="{{ csrf_token() }}">
        <title>Live Search</title>
        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    </head>
    <body>
        <div class="container">
        <div class="row">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3>Products info </h3>
                </div>
                <div class="panel-body">
                    <div class="form-group">
                        <input type="text" class="form-controller" id="search" name="search"></input>
                    </div>
                    <table class="table table-bordered table-hover">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Product Name</th>
                                <th>Description</th>
                                <th>Price</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        </div>
        <script type="text/javascript">
            $('#search').on('keyup',function(){
                $value=$(this).val();
                $.ajax({
                    type : 'get',
                    url : '{{URL::to('search')}}',
                    data:{'search':$value},
                    success:function(data){
                        $('tbody').html(data);
                    }
                });
            });
        </script>
        <script type="text/javascript">
        $.ajaxSetup({ headers: { 'csrftoken' : '{{ csrf_token() }}' } });
        </script>
    </body>
</html>

Он должен отображать запись при нажатии клавиши, но выдает ошибку 500 внутренняя ошибка сервера

Снимок экрана с методом GET AJAX ОШИБКА С ПОЛУЧЕНИЕМ

Снимок экрана с методом POST AJAX ОШИБКА С POST

Ответы [ 2 ]

0 голосов
/ 31 мая 2019

Проблема в том, что БД не импортирована.Так что просто напишите 

use DB;

в контроллере

0 голосов
/ 31 мая 2019

Попробуйте это 

  <script type="text/javascript">
    $('#search').on('keyup',function(){
    value=$(this).val();
    $.ajaxSetup({
      headers: {
            'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
      }
    });
    $.ajax({
        url : '{{ url('search') }}',
        method : 'POST',
        data:{'search': value},
        success:function(response){
          console.log(response.data)
        }
      });
    })
    </script>

ваш маршрут 

Route::post('/search','SearchController@search');

и в вашем контроллере проверьте 

public function search(Request $request)
{ 
 $products=DB::table('products')->where('title','LIKE','%'.$request->search."%")->get();
 return response()->json(['data' => $products]);
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...