Ajax, Jquery и Laravel 5?

Question

[Андрей Бойченко]

Доброй ночи! Изучаю laravel и вообще не могу сообразить в чем дело, проблема в том, что метод контроллера не отдает ничего, хотя я посылаю ему форму.

{!! Form::open(['url'=>'#','files'=>true, 'method' => 'POST', 'id' => 'sendTest' ]) !!}
        {!! Form::text('name',null,['id'=>'name']) !!}
        {!! Form::text('age',null,['id'=>'age']) !!}
        {!! Form::submit('Click Me!',['id'=>'ok', ]) !!}
    {!! Form::close() !!}

<script>
    $(document).ready(function(){
        $.ajaxSetup({
            headers: {
                'X-XSRF-TOKEN': $('meta[name="_token"]').attr('content')
            }
        });

        $("#ok").on("click",(function(){
            var formData = new FormData(document.getElementById("sendTest"));
            $.ajax({
                url: 'create/',
                type: 'POST',
                data: formData,
                dataType: 'JSON',
                success: function (data) {
                    console.log(data);
                }
            });
        }));

    });
</script>

public function getRamos(Request $request)
    {
        $data = $request->all();
        //return $input;
        if($request->ajax()){
            return response()->json([ $data
            ]);
        }
    }

роутер

Route::get('articles/create','AtriclesController@create');
Route::post('articles/create','AtriclesController@getRamos');

Я точно, что - то делаю не правильно. Подскажите, что именно? Спасибо!

Comments

[D']

- Запрос точно уходит на нужный url?
- Какой ответ сервера? 200\300\400\500?
- Если сделать dd($request->all()) что покажет?

[Андрей Бойченко]

D' Normalization: если
if($request->ajax()){
dd($data);
}
то пусто, а если просто в теле метода написать dd($data); то получаю массив, собственно те данные которые и вводил в форму. По поводу ответа сервера, не знаю как это проверить... URL правильный иначе бы не получал массив написав dd($data);

[Андрей Бойченко]

D' Normalization:
$("#ok").on("click",(function(){
var formData = new FormData(document.getElementById("sendTest"));
$.ajax({
url: 'create/',
type: 'POST',
data: formData,
dataType: 'JSON',
contentType:"application/json; charset=utf-8",
success: function (data) {
console.log(data);
}
});
}));

if($request->ajax()){
dd($data);
}

ничего не возвращает.

[D']

Андрей Бойченко: это я глупость сморозил. Сплю уже. Ответил ниже.

Answer 1

[D']

Попробуйте добавить:
'X-Requested-With': 'XMLHttpRequest' в headers

$.ajaxSetup({
            headers: {
                'X-XSRF-TOKEN': $('meta[name="_token"]').attr('content'),
                'X-Requested-With': 'XMLHttpRequest'
            }
        });

Comments

[Андрей Бойченко]

все тот же результат, ну по всей видимости это я делаю где то довольно грубую ошибку, поищу инфу в гугле. Спасибо за помощь!

[D']

Андрей Бойченко: а если прям в $.ajax прописать headers: {'X-Requested-With': 'XMLHttpRequest'}?

$.ajax({
headers: {'X-Requested-With': 'XMLHttpRequest'},
url: // etc
});

[Андрей Бойченко]

D' Normalization: даже в таком случае. Наверное поищу, что - то работающее в интернете и потом разберу как и, что там работает. Еще раз спасибо,

[D']

Андрей Бойченко: посмотрите в консоли какие заголовки уходят на сервер. Есть ли там "X-Requested-With".
Если $request->ajax() не проходит, значит нету заголовка "'X-Requested-With': 'XMLHttpRequest'"

[Андрей Бойченко]

D' Normalization: Проблема была в том, что Form::open(['url'=>'#']) был с решеткой, убрал ее и в итоге в консоли получаю 500 ошибку. Нашел решение путем добавления beforeSend: function (xhr) {
var token = $('meta[name="csrf_token"]').attr('content');

if (token) {
return xhr.setRequestHeader('X-CSRF-TOKEN', token);
}
},
в $.ajax();
и мета заголовка . Все работает, но досаждает факт того, что я не совсем понимаю как это работает и почему ваш вариант не сработал. И нормально ли в "master page" в блоке head прописывать . Я вот думаю, что куда лучше отсылать заголовок с токеном в момент нажатия на кнопку формы, принципиальна ли разница? Спасибо!

[D']

Андрей Бойченко: я не понимаю в чем у вас проблема. Form::open(['url'=>'#']) - вообще не должно влиять, так как форма сабмитится вручную.
Я просил посмотреть что уходит на сервер, какие заголовки. Вы не умеете пользоваться консолью\dev tools в хроме?

[Андрей Бойченко]

D' Normalization: начинаю понимать, что пользуюсь не всеми ее возможностями. Во вкладке network: status: 200, type: xhr. Сейчас все работает, в толк не возьму, ведь
headers: {
'X-XSRF-TOKEN': $('meta[name="_token"]').attr('content'),
'X-Requested-With': 'XMLHttpRequest'
}
по большому счету делает тоже самое, что и этот кусок кода
beforeSend: function (xhr) {
var token = $('meta[name="csrf_token"]').attr('content');

if (token) {
return xhr.setRequestHeader('X-CSRF-TOKEN', token);
}
},

Так ведь? И да, действительно Form::open(['url'=>'#']) не имеет значения. Видимо невнимательным был.

[D']

Андрей Бойченко: в первом случае добавляется заголовок XMLHttpRequest, который $.ajax не шлет. В Laravel $request->ajax() использует этот заголовок чтобы определить что запрос отправлен с помощью ajax.