javascript - Server side redirect not working after jQuery upload script -


i have following code simple web page want let user upload, track upload progress , redirect them after upload complete (this need on thr server side) works fine without bottom script show upload progress. there in ajax call preventing redirect? backend in python on google app engine , glad show code don't think relevant.

<style> .progress { position:relative; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; } .bar { background-color: #b4f5b4; width:0%; height:20px; border-radius: 3px; } .percent { position:absolute; display:inline-block; top:3px; left:48%; } </style>   <div class="row">     <div class="span12">         <div class="center-it"><h1>upload video:</h1><br>         </div>          <form action="{{upload_url}}" method="post" enctype="multipart/form-data">             <input type="file" name="file" class="btn"><br>              <input type="submit" name="submit" value="submit" class="btn">          </form>      </div> </div>      <div class="progress progress-striped active">         <div class="bar"></div >         <div class="percent">0%</div >     </div>  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script> <script src="http://malsup.github.com/jquery.form.js"></script>  #without below line works fine <script> (function() {  var bar = $('.bar'); var percent = $('.percent'); var status = $('#status');  $('form').ajaxform({     beforesend: function() {         status.empty();         var percentval = '0%';         bar.width(percentval)         percent.html(percentval);     },     uploadprogress: function(event, position, total, percentcomplete) {         var percentval = percentcomplete + '%';         bar.width(percentval)         percent.html(percentval);     },     success: function() {         var percentval = '100%';         bar.width(percentval)         percent.html(percentval);     },     complete: function(xhr) {         status.html(xhr.responsetext);     } });   })();        </script> 

without ajax works because form submitted different page on server can redirect url then. ajax though it's still in same page , receives response server.

you can send url part of response , use window.location or window.navigate in javascript redirect new url.


Comments

Popular posts from this blog

javascript - DIV "hiding" when changing dropdown value -

Does Firefox offer AppleScript support to get URL of windows? -

android - How to install packaged app on Firefox for mobile? -