javascript - Two ajax requests on same event at same time . what should be the typical behaviour? how it is different if request is synchronous -


in following javascript code, sending 2 ajax request @ same time.
after analysis using firebug, came unusual conclusion :
"which ever (ajax) response coming first printing last".

problem 2: if assign ajax url destination random string (say "abcd") [which don't exist] total number of ajax call increased 3? 

$(document).ready(function(e) {    $("form[ajax=true]").submit(function(e) {      e.preventdefault();      var form_data = $(this).serialize();     var form_url = $(this).attr("action");     var form_method = $(this).attr("method").touppercase();      $("#loadingimg").show();      $.ajax({       url: form_url,        type: form_method,             data: form_data,            cache: false,       success: function(returnhtml){                                   alert ("a");         // $("#result").html(returnhtml);          // $("#loadingimg").hide();                           }                });         $.ajax({       url: form_url,        type: form_method,             data: form_data,            cache: false,       success: function(returnhtml){                                   // $("#duplicate").html(returnhtml);          // $("#loadingimg").hide();         alert("b");       }                });    }); });

please refer following fiddle.

gaurav, have error, @ end of 1st $.ajax must end ), , 2nd ).

you can't end ;

var result1;  var result2;  $.when(      $.ajax({ // first request          url: form_url,           type: form_method,                data: form_data,               cache: false,          success: function(returnhtml){                       result1 = returnhtml;                            }                 }),        $.ajax({ //seconds request          url: form_url,           type: form_method,                data: form_data,               cache: false,          success: function(returnhtml){                                        result2 = returnhtml;               }                 })    ).then(function() {      $('#result1').html(result1);      $('#result2').html(result2);  });


Comments

Post a Comment

Popular posts from this blog

apache - Remove .php and add trailing slash in url using htaccess not loading css -

i have add following code htaccess file removing .php extension , add trailing slash urls. worked fine reduced page loading speed , css code not loading @ all. pages ugly. please help rewriteengine on rewritebase / ## hide .php extension snippet # externally redirect /dir/foo.php /dir/foo rewritecond %{the_request} ^[a-z]{3,}\s([^.]+)\.php [nc] rewriterule ^ %1/ [r,l] # add trailing slash rewritecond %{request_filename} !-f rewritecond %{request_uri} !/$ rewriterule . %{request_uri}/ [l,r=301] # internally forward /dir/foo /dir/foo.php rewritecond %{request_filename} !-d rewritecond %{request_filename}.php -f rewriterule ^(.*?)/?$ $1.php [l] we can rewrite urls using .htaccess files. before writing in .htaccess files need verify kind of server using. can check server adding a <?php phpinfo(); ?> in php page. ensure mod_rewrite module enabled in apache server. can identified checking phpinfo included page. common methods used url rewriting follows ...
Read more

javascript - jQuery show full size image on click -

pretty self explanatory not workking . i want display full image when user click on image... yes know there tons of plugins but i want keep simple. any idea ? css : .full { display: none; width: 500px; height: 500px; margin-left: 100px; margin-top: -300px; position: fixed; background-color: #f00; z-index: 6; } .thumbnail { width: 50px; height: 50px; } html: <img class="thumbnail" src="http://4.bp.blogspot.com/-uhbdp2esxng/txneptvi92i/aaaaaaaaaky/upfqis7zto0/s1600/rihanna-wallpaper.jpg"> jquery: $(document).ready(function() { $('.thumbnail').on('click', function() { var img = $('<img />',{src:this.src,'class':'full'}); $('.full').html(img).show(); console.log('done!'); }); }); try looking how jquery works. $(document).ready(function() { $('.thumbnail').on('click', function(...
Read more