Question

构建包含文件上载页面的jquery移动设备。它是一个多模板应用程序。当用户上传文件时，我希望将用户重定向到新页面而不刷新div。使用我当前的脚本完成上传后，地址栏会刷新。我使用了event.preventDefault();我教过的可以在发送数据后停止刷新页面但仍然刷新

<script language="javascript">

$(document).ready(function(){
$("#form1").on('submit',function(event){
event.preventDefault();


$.ajax({
url: "upload.php", // Url to which the request is send
type: "POST",             // Type of request to be send, called as method
data: new FormData(this), // Data sent to server, a set of key/value pairs (i.e. form fields and values)
contentType: false,       // The content type used when sending data to the server.
cache: false,             // To unable request pages to be cached
processData:false,        // To send DOMDocument or non processed data file it is set to false
success: function(data)  {
$('#msg').html(data);

var result = $.trim(data);

if(result==="OK"){
$.mobile.changePage("#page2");

    }
  }
});
});
});

</script>

Answer 1

试试这个

$('#form1').live('submit' ,function(event){
    event.preventDefault();      
    // the rest
});

或

$("#form1").submit(function(e){
    //the rest
    return false;
});

Answer 2

您也可以使用stopPropagation并返回false。

上传图片并重定向到新页面而不刷新

2 个答案: