javascript – 使用Ajax并在laravel 5中返回json数组

我是“AJAX”的新手,我一直在尝试使用“AJAX”发送请求“ONSELECT”并在“laravel 5”中收到“JSON”响应.

这是我的观点

<select>
<option data-id="a" value="a">a</option>
<option data-id="b" value="b">b</option>
<option data-id="c" value="c">c</option>
</select>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

<script type="text/javascript">
$('select').change(function(){
var data = $(this).children('option:selected').data('id');

$.ajax({
    type    :"POST",
    url     :"http://localhost/laravel/public/form-data",
    dataType:"html",
    data    :{ data1:data },

    success :function(response)
    alert("thank u");
    }),
});
</script>

这是我的Controller接收ajax请求

public function formdata(){
    $data = Input::get('data1');

    //somecodes

    return Response::json(array(
                    'success' => true,
                    'data'   => $data
                )); 
}

这是我的路线

 Route::post('form-data',array('as'=>'form-data','uses'=>'FormController@formdata'));

我还尝试仅使用form-data和{{Url :: route(‘form-data’)}}来更改ajax的URL.

解决方法:

出于安全原因,Laravel 5使用csrf令牌验证….试试这个……

>在routes.PHP中

route post('form-data', 'FormController@postform');

>在主布局文件中

<Meta name="csrf-token" content="{{ csrf_token() }}" />

>

var CSRF_TOKEN = $('Meta[name="csrf-token"]').attr('content');

$.ajax({
    url: '/form-data/',
    type: 'POST',
    data: {_token: CSRF_TOKEN},
    dataType: 'JSON',
    success: function (data) {
        console.log(data);
    }
});