javascript - 上传图片并重定向到新页面，无需刷新

Question

构建一个包含文件上传页面的 jquery mobile。它是一个多模板应用程序。当用户上传文件时，我希望用户重定向到新页面而不刷新 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;
});