c# - $.ajax and .each in JQuery, with MVC, isn't asynchronous -

-

my ajax calls don't seem asynchronous when wrapped inside .each loop, instead seem wait each finish before calling next 1 ..

mvc c#:

   [httppost]     public jsonresult doactiongetnextstep(jsonsubmission submission)     {         somestruct body = new somestruct();         datetime start = datetime.now;         try         {         system.threading.thread.sleep(5000);         body.html= "there, done";         }         catch (exception e)         {         body.html= "there error: "+e.message;         }         timespan s = datetime.now - start;         ast.html = body.html+ "<p> c# took " +s.seconds +"s</p>";         return json(body);     }

jquery:

function doactions(targets) { $(targets).each(function () { doaction($(this)); }); }  function doaction(target) { var parent = $(target).parents('div.actionreplaceable'); var jsonsubmission = { data : "somedata" }; var submission = json.stringify(jsonsubmission, null, 2);  $.ajax({     type: 'post',     url: '/main/doactiongetnextstep',     data: submission,     async: true,     contenttype: 'application/json; charset=utf-8',     datatype: 'json',     success: function (result) {         var html = result.html;         $(parent).html(html);     },     error: function (xmlhttprequest, textstatus, errorthrown) {         $(parent).html("jquery error: " + textstatus + "\n" + errorthrown);     } }); }

this ends taking 25 seconds 5 elements, each of them reporting call took 5 seconds. thought ajax calls asynchronous, operation should take 5 seconds total? both server , browser running on localhost. can spot i'm missing?

your requests should asynchronous. check console.log in appropriate places see when things happen.

$(targets).each(doaction);  function doaction() {   var $parent = $(this).parents('div.actionreplaceable'),       jsonsubmission = { data : "somedata" };    console.log("sending request " + this-id);    $.ajax({     type        : 'post',     url         : '/main/doactiongetnextstep',     data        : json.stringify(jsonsubmission, null, 2),     contenttype : 'application/json; charset=utf-8',     success     : function (result) {       console.log("received response " + this-id);       $parent.html(result.html);     },     error       : function (xmlhttprequest, textstatus, errorthrown) {       console.log("received error " + this-id);       $parent.html("jquery error: " + textstatus + "\n" + errorthrown);     }   }); }
  • there no need target parameter. jquery sets this correctly callback functions.
  • once got rid of target parameter need pass function reference .each().
  • unless return type json (seems html here), setting datatype: 'json' wrong.
  • setting async: true superfluous unless configured global ajax options async: false. hope did not.

Comments

Post a Comment

Popular posts from this blog

linux - Using a Cron Job to check if my mod_wsgi / apache server is running and restart -

-
my group , running server based upon django , uses mod_wsgi run apache server. not working on project after over, attempting set cronjob similar functionality check if apache server has shut down(system restart or power failure), , if has, restart server me. i've found documentation on how check if apache server down , restart server if is, our server uses https , our start command pretty verbose. can use functionality provided in these examples: https://askubuntu.com/questions/277389/cron-job-to-restart-apache https://www.digitalocean.com/community/tutorials/how-to-use-a-simple-bash-script-to-restart-server-programs or need more complicated process make happen? the command use start server is python manage.py runmodwsgi --host 0.0.0.0 --port 8001 --https-port 8000 --ssl-certificate (certificate location) --server-name (domain name) i'm pretty new linux , using both mod-wsgi apache appreciated. you better off using --setup-only option mod_wsgi-expres...
Read more

actionscript 3 - TweenLite does not work with object -

-
i got following problem: i have object called tempscore game. this object blitted canvas renderer via copypixels method. object not display object. it's score-object (self made). score-object extends object called basicblitarrayobject. basicblitarrayobject extends eventdispatcher (therefore no display object). i tried apply several different tweenlite-plugins tempscore-object (i.e. transformaroundcenter, colormatrixfilter, etc.). nothing happens. absolutely nothing. sometimes error messages (when plugin requires display object , object not display object). far good. according greensock (maker of tweenlite) engine can tween numeric property of object. when plugin transformaroundcenter requires display object tweening have modify plugin working non-display object (tempscore). can't because it's way hard me. my game rests upon code: http://www.8bitrocket.com/book/ch11_blastermines.zip try apply tweenlite object called tempmine inside game class blastermines. ...
Read more

jQuery Ajax Render Fragments OR Whole Page -

-
i'm in throes of building application wraps mess of legacy code. page working on, need substitute fragment divs constructed on back-end -- or else need replace entire page altogether. idea there dynamically controlled flow needs satisfied before can forward legacy product. substituting fragments works fine, seen in below my_body_content swap. trouble comes when i'm trying render not fragment, whole page, in "body" swap. @ point page goes blank. i want similar errors returned server. want nice rest 404 error messages displayed on screen, legacy-product 404s show in legacy-product 404 page. yes, requirements project weird. that's not problem can fix. here's jquery invocation, names changed protect guilty: $.ajax({ url: "places/things", type: "post", data: json.stringify(somebadassobject), datatype: "text", accepts: "text/html", contenttype: "application/json; charset=...
Read more