Upload Image and redirect to a new page without refreshing

Question

An building a jquery mobile which contains a file upload page. its a multiple template app. When a user uploads a file i want the user to be redirected to a new page without refreshing the div. With my current script when the upload is done the address bar refreshes. I used event.preventDefault(); which i taught could stop the page from refreshing after sending the data but still does refresh

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

no but the page refreshes and the images are bent sent – i_user Feb 17 '15 at 19:37 — i_user, Feb 17 '15 at 19:37

score 1 · Answer 1 · answered Feb 17 '15 at 19:40

1

Try this

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

or

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

answered Feb 17 '15 at 19:40

Klezper

49
6

You can see the difference here: http://stackoverflow.com/questions/1357118/event-preventdefault-vs-return-false – Klezper Feb 17 '15 at 19:46

score 0 · Answer 2 · answered Feb 17 '15 at 19:44

0

You can also use stopPropagation and also return false.

answered Feb 17 '15 at 19:44

Thanasis Pap

2,031
2
17
19

it stops the form from submitting – i_user Feb 17 '15 at 20:14
But do you want the form to submit? You can run the command after you finish up with the upload.. – Thanasis Pap Feb 17 '15 at 22:33

Upload Image and redirect to a new page without refreshing

2 Answers2