javascript - laravel 中的 ajax 帖子

Question

我知道这可能是一个微不足道的问题，但我只是无法让这个 ajax 调用起作用..

查看 (html)

  <div class="col-sm-6 col-xs-3 pl0" style="margin-left: -5px;">
     <button class="btn btn-primary visible-xs" name="btn-callback"><i class="fa fa-arrow-right" aria-hidden="true"></i></button>
     <button class="btn btn-primary hidden-xs" name="btnCallback" id="btnCallback"><i class="fa fa-arrow-right" aria-hidden="true"></i> Instant Callback
    </button>
</div>

现在我在 btnCallback 按钮上放置一个点击事件

JQuery 代码

$('#btnCallback').click(function () {
            var phone = document.forms["frm-callback"]["callphone"].value;
            if (phone.length != 10) {
                document.getElementById('errcallbackModal').innerHTML = "Enter 10 digit Phone number";
                return false;
            } else if (isNaN(phone)) {
                document.getElementById('errcallbackModal').innerHTML = "Please Enter only number";
                return false;
            } else {
                document.getElementById('errcallbackModal').innerHTML = "";

                var randomnum = Math.floor(100000 + Math.random() * 900000)
                randomnum = randomnum.toString().substring(0, 5);
                var fullNumber = '0091' + phone;

                url = '/ambulance/type2/sendOtp';
                data = {
                    Code: randomnum,
                    MobNumber: fullNumber,
                };

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

                console.log(fullNumber);
                $.ajax({
                    url: url,
                    data: data,
                    type: 'POST',
                    datatype: 'JSON',
                    success: function (response) {
                        if (response.status === true) {
                            console.log(response.message);
                            $('#myModalCallback').modal('toggle');
                        } else {
                            alert('Issue');
                        }
                    },
                    error: function (response) {
                        $('#errormessage').html(response.message);
                    }
                });
            }
        });
    </script>

web.php(路线)

Route::post('/ambulance/type2/sendOtp', 'AmbulanceController@sendOtp');

Controller

public function sendOtp()
    {
        $code = Input::get('Code');
        $mobnum = Input::get('MobNumber');

        //set otp code in session to verify
//        session(['verifyOtp' => $code]);
//        ParseCloud::run('sendcode', ["Code" => $code, 'MobNumber' => $mobnum]);

        return Response::json(['status' => true, 'message' => 'OTP has been sent to your mobile number']);
    }

没有进入成功回调。代码中有一些小错误，但我无法弄清楚。

任何帮助将不胜感激。

Answer 1

我尝试了下面的代码并且它有效..希望它对某人有帮助

$.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': '<?= csrf_token() ?>'
                }
            });

            $.ajax({
                url: '/ambulance/type2/sendOtp',
                data: {'Code': randomnum, 'MobNumber': fullNumber},
                type: 'POST',
                datatype: 'JSON',
                success: function (response) {
                    if (response.status === true) {
                        console.log('success');
                    } else {
                        document.getElementById('errcallbackModalOtp').innerHTML = "Some error occured .. Please try again later";
//                        $('#errcallbackModalOtp').html('Some error occured .. Please try again later');
                    }
                },
                error: function (response) {
                    document.getElementById('errcallbackModalOtp').innerHTML = response.message;
//                    $('#errcallbackModalOtp').html(response.message);
                }
            });