Method Not Allowed http exception using AJAX in Laravel - ajax

Question

What is causing this exception? What is the meaning of MethodNotAllowedException? I am using Laravel 5.2.
HTML and input fields:
<div class="form-group">
<label class="control-label">Name</label>
<input type="text" class="form-control" name="name" id="name" data-validate="required" placeholder="Enter Name" />
</div>
<div class="form-group">
<label class="control-label">Detail</label>
<textarea class="form-control" name="detail" id="detail" placeholder="Enter Detail"></textarea>
</div>
<input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
<div class="form-group col-sm-offset-3">
<button type="submit" onclick="postdata();" id="post" class="btn btn-success">Submit Now</button>
</div>
AJAX function:
function postdata(){
var name=$('#name').val();
var detail=$('#detail').val();
var token=$('#_token').val();
$.ajax({
type: 'POST',
url: '{{url("/posts")}}',
data: "name="+ name + "&detail="+ detail+"&_token="+ token ,
success: function(data){
} });
}
Route:
Route::post('/posts', 'Cdesigination#index');
Error after clicking button:
MethodNotAllowedHttpException in RouteCollection.php line 219:
in RouteCollection.php line 219
at RouteCollection->methodNotAllowed(array('GET', 'HEAD')) in RouteCollection.php line 206
at RouteCollection->getRouteForMethods(object(Request), array('GET', 'HEAD')) in RouteCollection.php line 158
at RouteCollection->match(object(Request)) in Router.php line 823
at Router->findRoute(object(Request)) in Router.php line 691

Answer 1

check the routes.php file, what method you are using for this request, it should be something like:
Route::post('/posts', 'AnyController#method');