Laravel 5 jQuery mit AJAX

Question

Ich benutze Laravel 5 und ich mache einige Filter auf einige Sammlungen in meinem Controller. Das Problem besteht darin, AJAX als Brücke zwischen der Blade-Vorlage und dem Controller zu verwenden. Hier ist meine jQuery-Code:

function listCreatedBy(str) { 
     $.ajax({ 
      headers : { 
      'csrftoken' : '{{ csrf_token() }}' 
      }, 
      url: '{{ url("search") }}', 
      type: "get", //send it through get method 
      data:{txt:str}, 
      success: function(response) { 
      console.log("ola"); 
      $('#results').html(response); 
      }, 
      error: function(xhr) { 
      console.log(xhr); 
      } 
     }); 
    } 

Hier ist meine Route:

Route::get('/search/{txt}', 'PrestashopController@search')->name('search'); 

Und hier ist meine Methode in der Steuerung:

public function search($searchText){ 
    var_dump($searchText); 

    return "results"; //Just to see if it's returning correctly 
} 

Diese Methode ist jetzt leer, weil ich nur möchte sehen, ob ich den Ajax-Code zuerst vervollständigen kann. Aber es gibt einen 404 Code, Not Found. Irgendeine Idee, was ich falsch mache?

Answer 1

In diesem Aufruf an Ihrem Ajax

headers : { 
    'csrftoken' : '{{ csrf_token() }}' 
} 

bearbeiten

i sehen Sie die Route verwenden

Route::("/search/{txt}" ... 

Hexe entspricht

http://example.com/search/random%20text 

Was wohl passiert, ist, dass Sie die Route falsch die Ajax verwenden rufen Sie machen wird ein uri wie erstellen diese

http://example.com/search/?txt=some%20text 

versuchen diese

$.ajax({ 
     headers : { 
     'csrftoken' : '{{ csrf_token() }}' 
     }, 
     url: "{{ url("search") }}/" + encodeURIComponent(str), 
     type: "get", //send it through get method 
     success: function(response) { 
     console.log("ola"); 
     $('#results').html(response); 
     }, 
     error: function(xhr) { 
     console.log(xhr); 
     } 
}); 

Answer 2

versuchen zu tun, wie dies

$.ajax({ 
    url: "/search/"+str, 
    type: "GET", 
    data:'', 
    success: function(response) { 
    document.getElementById("results").innerHTML = this.responseText; 
    }, 
    error: function(xhr) { 
    console.log(xhr); 
    } 
}); 

Route::get('/search/{txt}', 'PrestashopController@getSearch'); 

public function getSearch($searchText){ 
    dd($searchText); 
    return "results"; //Just to see if it's returning correctly 
} 

Answer 3

Try this:

$.ajax({ 
    url: '{{ url("/route_name") }}', 
    // here route_name is a named route that call a controller function 
    type: "get", //send it through get method 
    data:{txt:str}, 
    success: function(response) { 
    $('#results').html(response); 
    }, 
    error: function(xhr) { 
    console.log(xhr); 
    } 
}); 

Answer 4

mit der Full-Pfad URL versuchen ..

url: '{{ url("/search") }}', 

lassen Sie Ihre AJAX so sein ..

$.ajax({ 
      url: '{{ url("/search") }}', 
      type: "get", //send it through get method 
      data:{txt:str}, 
      success: function(response) { 
      document.getElementById("results").innerHTML = this.responseText; 
      }, 
      error: function(xhr) { 
      console.log(xhr); 
      } 
}); 

Answer 5

Ich denke, Sie haben Tippfehler.

Route::get('/search/{$txt}' 

Versuch ohne $

Route::get('/search/{txt}',... 

Ein more..try in der Controller-Methode diesen Code in den Bereichen zu verwenden, nicht mehr als $ Suchtext.

public function search(Request $request) 

und nach dem Zugriff auf die $ txt Variable wie diese

$test = $request->get('txt'); 
var_dump($test 

);

und in Code verwendet jQuery dies:

function listCreatedBy(str) { 
     var query_url = '{{ url("search") }}' + str; 
     $.ajax({ 
      url: query_url , 
      type: "get", //send it through get method 
      success: function(response) { 
      console.log("ola"); 
      $('#results').html(response); 
      }, 
      error: function(xhr) { 
      console.log(xhr); 
      } 
     }); 
    } 

HINWEIS: csrftoken ist für Formulare einreichen

Answer 6

Sie können dieses versuchen;

$.ajax({ 
     url: "/search/", 
     type: "GET", 
     data:{txt:str}, 
     success: function(response) { 
     document.getElementById("results").innerHTML = this.responseText; 
     }, 
     error: function(xhr) { 
     console.log(xhr); 
     } 
    }); 

Route:

Route::get('/search/', 'PrestashopController@getSearch'); 

Controller:

public function getSearch(Request $request){ 
    dd($request->txt); 
    return "results"; //Just to see if it's returning correctly 
}