Ajax请求导致页面重新加载 - 在手机上

时间:2015-09-28 18:54:48

标签: jquery ajax jquery-mobile

通过移动设备运行时的ajax代码会导致页面重新加载并且不执行插入(甚至不会发出错误消息),另一方面一切都在计算机上正常运行,任何想法为什么呢?

 $('#pending_request_submit').on("click",function() {

    var url = "http://leagueofmusic.com/mobix-html/lib/pending_request.php"; // the script where you handle the form input.

    $.ajax({
           type: "POST",
           url: url,
           data: $("#pending_request").serialize(),
           beforeSend: function(){
            $('#request_response').html('<center><img src="css/img/loader.gif"></center>');
           },
           success: function(data)
           {
              $('#request_response').html(data); // show response from the php script.
           }
         });

    return false; // avoid to execute the actual submit of the form.
});

1 个答案:

答案 0 :(得分:0)

移动设备用于提交表单的可能性是直接提交表单而不是单击提交按钮。在这种情况下,使用提交事件将修复它:

$('#pending_request_form').on('submit',function() {