Laravel 5.3: POST-Anfrage mit Ajax immer Fehler 404 in der Konsole von jquery.min.js

Question

Ich verwende Laravel 5.3 und versuchen, eine POST Anfrage mit Ajax - Jquery Anfrage. Für das Leben von mir kann ich nicht finden, was ist der Fehler, den ich in meinem Code habe.

Wenn es hilft, versuche ich eine neue College-Details in meiner Tabelle mit Ajax aus dem Admin-Panel hinzufügen. Ich habe sichergestellt, dass ich mache POST Anfrage und meine routes/web.php hat eine Route-Methode mit POST, um die Anfrage zu erhalten.

Meine master.blade.php hat die folgende Zeile:

<meta name="csrf-token" content=" {{ csrf_token() }} "> 
<script type="text/javascript" src="{{URL('js/jquery.min.js')}}"></script> //jQuery v2.1.4 

In meinem view, ich habe folgendes interne Javascript Scripting. Ich habe @section und @yield Konzept verwendet, um es als eins zu machen.

Mein settings/home.blade.php sieht wie folgt aus:

@section('scripts') 
<script type="text/javascript"> 
function addCollSubmit() 
{ 

    $.ajaxSetup({ 

    headers:{ 
     'X-CSRF-TOKEN' : $('meta[name="csrf-token"]').attr('content') 
    } 

    }); 


    var formData = new Array(); 
    for(var i=0 ; i< coll_no; i++) 
    { 
     var id = "input[name=coll_name_"+i+"]"; 
     var temp = $(id).val(); 
     formData.push(temp); 
    } 

    $.ajax(
    { 
     type:'POST', 
     headers : { 
      'X-CSRF-TOKEN' : $('meta[name="csrf-token"]').attr('content') 
     }, 
     url:'/admin/settings/addcollege', 
     data:formData, 
     success:function(data) 
     { 
      console.log(data); 
      $("#reveal-content").html(data); 
     }, 
     error: function(data) 
     { 
      console.log(data); 
     } 
    }); 

    } 
    </script> 
@endsection 

Der form Abschnitt in meinem settings/home.blade.php wie folgt aussieht:

<form method="POST" name="addCollegeForm" action=""> 
    {{ csrf_field() }} 
    <table id="addCollTable"> 
    <tr> 
     <td><input type="text" name="coll_name_0" placeholder="Enter College Name" /></td> 
     <td><a class="button primary" onclick="oneMoreColl()" href="#"><i class="fi-plus"></i></a></td> 
    </tr> 
    </table> 
    <table> 
    <tr> 
     <td colspan="2"><hr/></td> 
    </tr> 
    <tr> 
     <td colspan="2" align="center">       
     <a href="#addCollSubmit" onclick="addCollSubmit()" class="button success" >Submit</button></td> 
    </tr> 
    </table> 
</form> 

Meine routes/web.php die folgende Zeile hat die POST Anfrage zu erhalten:

Route::post('admin/settings/addcollege','SettingsController@postIndex'); 

postIndex() verfügt über eine Funktionsdefinition zum Speichern der Collegedetails in der Tabelle.

Jedes Mal, wenn ich eine Anfrage, generiert es die folgende in meinem Entwickler-Tools - Konsole:

Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost/admin/settings/addcollege 

Answer 1

Versuchen Sie die URL folgenden

url:"{{url('/admin/settings/addcollege')}}",