parschakov
@parschakov
Начинающий изучать PHP и JS

Как сделать запрос к контроллеру аяксом?

Здравствуйте,
подскажите пожалуйста,
как вытащить данные, через Vue и через него делать запрос к контроллеру laravel аяксом?

Пробую так:
Route
Route::post('/items/', ['uses' => 'ItemController@items']);


ItemController
public function items($cat)
    {
    $items = Item::with([
	    'itemCategory' => function ($query) use ($cat) {
	    $query->where('category', $cat);
	}])->get();
    }


View (blade)
{{ Html::script(mix('/js/app.js')) }}

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

	new Vue({
    el: '#app',
    data: {
        items: {!! $items !!}
    },
    ready: function (cat)
    {
        this.$http.post('/items/', cat, function (data){
            this.items = data.items;
        }
    }
})
</script>
  • Вопрос задан
  • 328 просмотров
Решения вопроса 1
export default {
        data(){
            return{
                items: []
            }
        },

        created: function()
        {
            this.fetchItems();
        },

        methods: {
            fetchItems()
            {
                let uri = '/items/';
                this.axios.post(uri).then((response) => {
                    this.items = response.data;
            });
            }
        }
    }
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы