javascript - ajax 移动端请求失败？？-php教程-PHP中文网

javascript - ajax 移动端请求失败？？

php中文网

发布： 2016-06-06 20:16:41

原创

1700人浏览过

是这样子的，我用chorme的移动调试可以成功地使用ajax，但是用手机（我的手机是华为mate7)打开执行则失效，这是为什么呢？

<script>
    
                $(".cRemind").click(function(){
                    
                    // 后台下订单提醒功能
                    var phone = $("#phone").val();//客户填写的电话
                    var name = $('#name').val();//客户名字
                    var price_total=$(".part_total").html();//商品总价格
                    var city = $('#city').val(); //市
                    
                    var curr_time = new Date();//下单时间
                    var times = curr_time.getFullYear()+"年";
                    times += curr_time.getMonth()+1+"月";
                    times += curr_time.getDate()+"日";
                    times += curr_time.getHours()+":";
                    times += curr_time.getMinutes()+":";
                    times += curr_time.getSeconds();
                    
                    var type = $("[attr-select='1']").attr("attr-val");//支付方式
                    var phone_list1 ='137XXX';
                    var phone_list2 ='137XXX';
                    
                    $.ajax({
                        url: 'http://ms.qq.com/sms/remind',
                        type: "post",
                        data:{phone: phone,name:name,price_total:price_total,times,times,city: city,type:type,phone_list:phone_list1},
                        dataType: "jsonp",
                        cache: false
                    });
                    $.ajax({
                        url: 'http://ms.qq.com/sms/remind',
                        type: "post",
                        data:{phone: phone,name:name,price_total:price_total,times,times,city: city,type:type,phone_list:phone_list2},
                        dataType: "jsonp",
                        cache: false
                    });
                })
        </script>

登录后复制

回复内容：

是这样子的，我用chorme的移动调试可以成功地使用ajax，但是用手机（我的手机是华为mate7)打开执行则失效，这是为什么呢？

<script>
    
                $(".cRemind").click(function(){
                    
                    // 后台下订单提醒功能
                    var phone = $("#phone").val();//客户填写的电话
                    var name = $('#name').val();//客户名字
                    var price_total=$(".part_total").html();//商品总价格
                    var city = $('#city').val(); //市
                    
                    var curr_time = new Date();//下单时间
                    var times = curr_time.getFullYear()+"年";
                    times += curr_time.getMonth()+1+"月";
                    times += curr_time.getDate()+"日";
                    times += curr_time.getHours()+":";
                    times += curr_time.getMinutes()+":";
                    times += curr_time.getSeconds();
                    
                    var type = $("[attr-select='1']").attr("attr-val");//支付方式
                    var phone_list1 ='137XXX';
                    var phone_list2 ='137XXX';
                    
                    $.ajax({
                        url: 'http://ms.qq.com/sms/remind',
                        type: "post",
                        data:{phone: phone,name:name,price_total:price_total,times,times,city: city,type:type,phone_list:phone_list1},
                        dataType: "jsonp",
                        cache: false
                    });
                    $.ajax({
                        url: 'http://ms.qq.com/sms/remind',
                        type: "post",
                        data:{phone: phone,name:name,price_total:price_total,times,times,city: city,type:type,phone_list:phone_list2},
                        dataType: "jsonp",
                        cache: false
                    });
                })
        </script>

登录后复制

按照你说的是在chrome中使可以的，但是在移动端就不行了。如果有抓包工具可以调试下，请求是否异常等等。如果没有抓包工具，可以在代码中加入几个提示性的动作比如说alert()，在ajax中添加回调函数等等来进行调试，应该是很容易发现问题出在哪的。
ps：还有两个建议就是你的下单总金额从前台传的话不安全，这个应该是服务端计算才好一点吧；第二个就是时间可能的话可以在服务端在进行入库，毕竟本地时间不知道是不是准确的。（个人建议哈）