如何在laravel中使用post方法的ajax请求

Question

如题所述

Answer 1

主要有两种方法局部和全局的。

Post data using ajax in laravel 5 to controller

If you are going to work with ajax data post to controller or route in laravel 5. There are some need to get ajax call work correctly. Your requirement is csrf token. A default feature in Laravel is it’s automatic CSRF security. When you working with forms it’s automatically add a “_token” hidden field to your form. On each post request token will be matched for csrf protection. so it’s one more cool feature provided by laravel 5.

Why on ajax post 500 internal server error laravel :-

If you are using default way for ajax data post, you will get “500 internal server error” in laravel 5. cause you missing csrf token posting with ajax post data. and error reason is token not being matched on post request. so every time a form data is posting require csrf token match. else you will get “500 internal server error” in laravel.

Post data using ajax in laravel 5

In this article we will explore how to solve 500 internal server error in ajax post or call in laravel or how to Post data using ajax in laravel 5. there are many ways to do this but i am sharing two ways :-

1. Adding on each request
2. globally

How to Post data using ajax in laravel 5 :-

1. Adding on each request and post data to controller :-

In this way we need to add token on each ajax call with data which is posting

view :- add a “login.blade.PHP” under “resources/views/” and add below code to make a form

<div class="secure">Secure Login form</div>
{!! Form::open(array('url'=>'account/login','method'=>'POST', 'id'=>'myform')) !!}
<div class="control-group">
<div class="controls">
{!! Form::text('email','',array('id'=>'','class'=>'form-control span6','placeholder' => 'Email')) !!}
</div>
</div>
<div class="control-group">
<div class="controls">
{!! Form::password('password',array('class'=>'form-control span6', 'placeholder' => 'Please Enter your Password')) !!}
</div>
</div>
{!! Form::button('Login', array('class'=>'send-btn')) !!}
{!! Form::close() !!}
Now add your ajax call or post data script to your layout footer or in the same file.

<script type="text/javascript">
$(document).ready(function(){
$('.send-btn').click(function(){
$.ajax({
url: 'login',
type: "post",
data: {'email':$('input[name=email]').val(), '_token': $('input[name=_token]').val()},
success: function(data){
alert(data);
}
});
});
});
</script>
Routes :- Add your get and post route to “app/Http/routes.php”

Route::get('account/login', function() {
return View::make('login');
});
Route::post('account/login', 'AccountController@login');
Controller :- add a controller to “app/Http/Controllers” with named “AccountController.php” and add below code

<?php namespace App\Http\Controllers;
use Input;
use Request;
class AccountController extends Controller {
public function login() {
// Getting all post data
if(Request::ajax()) {
$data = Input::all();
print_r($data);die;
}
}
After all make Go to your page url and click on button and you get your data has been posted and you will get alert with success.

2. globally way :-

In this way we will add token for globally work with ajax call or post. so no need to send it with data post.

1. Add a meta tag to your layout header :- csrf_token() will be the same as "_token" CSRF token that Laravel automatically adds in the hidden input on every form.

<meta name="_token" content="{!! csrf_token() !!}"/>
2. Now add below code to footer of your layout, or where it will set for globally or whole site pages. this will pass token to each ajax request.

<script type="text/javascript">
$.ajaxSetup({
headers: { 'X-CSRF-Token' : $('meta[name=_token]').attr('content') }
});
</script>

Now make an ajax post request an you are done your data will post successfully.

Answer 2

1.建议新手至少先弄通golaravel上入门的文章（一）和（二），否则理解比较困难
<meta name="_token" content="{{ csrf_token() }}"/>
2.前端js请求部分（注意那个header属性，是为了避免跨站伪造请求攻击写的）
$.ajax({
type: 'POST',
url: '/ajax/create',
data: { date : '2015-03-12'},
dataType: 'json',
headers: {
'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
},
success: function(data){
console.log(data.status);
},
error: function(xhr, type){
alert('Ajax error!')
}
});
3.路由部分route.php(ajax/create路由打到Controllers/Ajax/PollController.php的store方法上处理)

Route::group(['prefix' => 'ajax', 'namespace' => 'Ajax'], function(){
Route::post('create', 'PollController@store');
});
控制器方法PollController.php，
<?php namespace App\Http\Controllers\Ajax;

use App\Http\Requests;
use App\Http\Controllers\Controller;

use Illuminate\Http\Request;
use Illuminate\Http\Response;
use App\Poll; // 用数据模型

use Redirect, Input, Auth, Log;

class PollController extends Controller {
public function store(Request $request)
{
$poll = new Poll;

$poll->date = Input::get('date');

if ($poll->save()) {
return response()->json(array(
'status' => 1
'msg' => 'ok',
));
} else {
return Redirect::back()->withInput()->withErrors('保存失败！');
}
}
}

Answer 3

框架中使用ajax请求和普通的是一样的，没有什么特殊之处，文章内容有点长，就不手敲了，可以看下使用方法，里面有举例：
http://www.cnblogs.com/echohao/p/4872859.html，希望能帮到你。

Answer 4

框架中使用ajax请求和普通的是一样的，没有什么特殊之处，文章内容有点长，就不手敲了，可以看下使用方法，里面有举例：http://www.cnblogs.com/echohao/p/4872859....

Answer 5

框架中使用ajax请求和普通的是一样的，没有什么特殊之处，文章内容有点长，就不手敲了，可以看下使用方法，里面有举例：
http://www.cnblogs.com/echohao/p/4872859.html，希望能帮到你。