How to use ajax in laravel 5.3

I am new to Laravel and am using Laravel 5.3. I want to make a text field where it will automatically suggest some data and when I select a data it will add it to an array. I want to send that array to a controller for further use. For this the

view file is as follows:

<head>
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
    <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
    <script>
        $(document).ready(function() {
            var members = {!!  json_encode($member)  !!};
            console.log(members);
            var arr = [];
            $("#tags").autocomplete({
                source: members,
                select: function (event, ui) {
                    arr.push(ui);
                    console.log(arr);
                }
            });
            $("#submit").click(function(event){
                $.ajax({
                    type: "POST",
                    url: '/storeresearch',
                    data: {selectedMembers: arr},
                    success: function( msg ) {
                        console.log(msg);
                    }
                });
            });
        });
        </script>
</head>
<body>
<form id="hu" action="/storeresearch" method="POST">
    {!! csrf_field() !!}
    <label>Research Author</label>
    <input type="text" id="tags" name="researchsupervisor_1" value="">
    <input type="submit" name="submit" id="submit" class="btn btn-primary" value="Add">
</form>
</body>

My Controller file is as follows:

public function store(Request $request){
        if($request->ajax())
        {
            $mem = $request->all();
            return response()->json($mem,200) ;
        }
        else{
            return "not found";
        }

And web.php is as followings:

Route::post('/storeresearch','ResearchController@store');

But it seems that there is no ajax call happening. In the controller it always enters the else section. What is the problem can anyone help?

标签： javascript php ajax laravel-5

4条回答

forever°为你锁心

2楼-- · 2019-04-02 17:08

Try some thing like this:

$.ajax({
    url     : '/login',
    method  : 'post',
    data    : {
        login_username  : userName,
        password        : password
    },
    headers:
    {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    },
    success : function(response){

    }
});

Route:

Route::post('/login',[
    'uses' => 'AdminServiceController@login'
]);

Controller method:

 public function login()
{
    $userName   = INPUT::get('login_username');
    $password   = INPUT::get('password');

    // your logic
}

0人赞添加讨论(0) 举报

唯我独甜

3楼-- · 2019-04-02 17:11

I solved this problem by doing following

$.ajax({
                type:'POST',
                url:'your url',
                data:{_token: "{{ csrf_token() }}"
                },
                success: function( msg ) {
                }
            });

0人赞添加讨论(0) 举报

狗以群分

4楼-- · 2019-04-02 17:16

Your code mostly looks good. But you are missing to send a csrf token with AJAX call as you are using POST request.

You can send csrf token with AJAX call in this way:

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

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

More info: https://laravel.com/docs/5.3/csrf#csrf-x-csrf-token

When you hit the button, does it really fires an AJAX call? Please check that on network tab of browser.

0人赞添加讨论(0) 举报

Deceive 欺骗

5楼-- · 2019-04-02 17:22

What's your namespace declaration for Request ?

If it is use Illuminate\Http\Request; try use Request;

0人赞添加讨论(0) 举报

How to use ajax in laravel 5.3

采纳回答

编辑标签

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮

付费偷看金额在0.1-10元之间