weixin_33725126 2017-03-14 16:23 采纳率: 0%
浏览 15

laravel中的ajax post

I know this may be a trivial question but I am just not able to get this ajax call to work..

View (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>

now I am placing a click event on btnCallback button

JQuery code

$('#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 (routes)

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']);
    }

It's not entering the success callback. There is some trivial mistake with the code but I am not able to figure it out.

Any assistance will be highly appreciated.

  • 写回答

4条回答 默认 最新

  • weixin_33717117 2017-03-14 16:38
    关注

    Add contentType & JSON.stringify(). Try code written below.

    $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
    
                console.log(fullNumber);
                $.ajax({
                    url: url,
                    data: JSON.stringify(data),
                    type: 'POST',
                    datatype: 'JSON',
                    contentType: 'application/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);
                    }
                });
    
    评论

报告相同问题?

悬赏问题

  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 MATLAB动图问题
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名