.submit(), some problem with safari, others works very well.

.submit(), some problem with safari, others works very well.

the requirement like this,
"download one file without refresh the page"

so, I dynamic created an iframe object contains a form with ’get' method and appended to 'body' through jQuery, 

after that, I test ie, firefox, chrome etc, all works very well, but for Safari, only the first time it takes effect, the second time when you click trigger button, nothing happened, even an error message. attached is the testing code.

anyone can help me figure it out? thanks in advance.

  2. <!DOCTYPE html>
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5.     <title></title>
  6. <script type="text/javascript" src = "https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  7. </head>
  8. <body>
  9. <script type="text/javascript">

  11. $(document).ready(function(){
  12. //document.write(0.1 + 0.1 + 0.1 + 0.1 + 0.1 + 0.1 + 0.1 + 0.1 + 0.1);
  13.     var downloadForm = "<form id='downloader' action='1.zip' method = 'get'><input type='submit' style='display:none'/></form>";

  15.     $("<iframe />", {
  16.         name: 'dlFrame',
  17.         id: 'dlFrame',
  18.         src:"about:blank"
  19.     }).appendTo('body');

  21.     setTimeout(function () {
  22.         var doc = $("#dlFrame")[0].contentWindow.document;
  23.         var $body = $('body', doc);
  24.         $body.html($(downloadForm));
  25.     }, 1);
  27. $("#test").click(function(){
  28. var $fxFrame = $("#dlFrame").contents();
  29.         var $fx = $fxFrame.find('form');
  30.         $fx.submit();
  31. });

  33. });

  35. </script>
  36.   <button id='test' type="button">Download</button>
  37. </body>
  38. </html>

    • Topic Participants

    • admin