.when | 易学教程

Using an array of deffered with jQuery.when()

阅读更多关于 Using an array of deffered with jQuery.when()

问题 I'm using $.when to run 2 functions prior to some other logic. Now, in several cases I need to run a different set of functions prior to doing that same logic, so I wanted to pass an array of the functions to $.when , but couldn't make it run. Something like: function funcA(){ console.log("funcA"); } function funcB(){ console.log("funcB") } var funcArr = [funcA, funcB]; $.when(funcArr).then(function(){ console.log("DONE!"); }); But this doesn't work and the only thing written to the console

How to tell when multiple functions have completed with jQuery deferred

阅读更多关于 How to tell when multiple functions have completed with jQuery deferred

问题 I have 3 functions which handle data pulled in from AJAX, they update the page after the ajax function is called. When the AJAX function is called I show a loader, I want to hide the loader after the AJAX has completed and the functions have completed. How can I use deferred with when and then in jQuery to test once all 3 function are completed. Here is my AJAX code, this hides the loader on AJAX success at the moment, ideally this would be after the 3 functions have been completed / were

How to tell when multiple functions have completed with jQuery deferred

阅读更多关于 How to tell when multiple functions have completed with jQuery deferred

I have 3 functions which handle data pulled in from AJAX, they update the page after the ajax function is called. When the AJAX function is called I show a loader, I want to hide the loader after the AJAX has completed and the functions have completed. How can I use deferred with when and then in jQuery to test once all 3 function are completed. Here is my AJAX code, this hides the loader on AJAX success at the moment, ideally this would be after the 3 functions have been completed / were successful. The 3 functions receive data to process and display on the page, they are not AJAX functions.

$.when.done callback isn't working

阅读更多关于 $.when.done callback isn't working

The following code has a bad syntax error. Probably because I'm using 'for' or something. $.when( for (var i=0; i < 5; i++) { $.getScript( "'" + someArr[i].fileName + ".js'"); } $.Deferred(function( deferred ) { $( deferred.resolve ); }) ).done(function() { alert("done"); }); I'm trying to call couple of scripts and then when trey are all loaded I want to an alert to show. A commented (but untested) solution with the changes is below // When takes a promise (or list of promises), not a random string of javascript $.when((function() { // First we need to define a self resolving promise to chain

Can I pass Promises to jQuery.when(), or only Deferreds?

阅读更多关于 Can I pass Promises to jQuery.when(), or only Deferreds?

问题 The documentation for jQuery.when() says that this function takes Deferreds. However, it also says later on that: If a single argument is passed to jQuery.when() and it is not a Deferred or a Promise... which seems to imply that it can take Promises as well. But Promises are not Deferreds - they have a subset of the Deferred's methods. I guess you could say that a Deferred is a Promise, but a Promise is not a Deferred. Questions: Can $.when() take either Promises or Deferreds? This seems to

$.when not waiting for Ajax request to finish

阅读更多关于 $.when not waiting for Ajax request to finish

问题 I want to first render a view with Backbone.js that displays an Article pulled from the server. I then want to mark this as "seen" and return the count of unseen messages to the router as it needs to be made available to other views. So in my Router, I have: getArticle: function (id) { require(["app/models/article", "app/views/Article"], function (models, Article) { var article = new models.Article({id: id}); article.fetch({ success: function (data) { var articleView = new Article({model:

$.when not waiting for Ajax request to finish

阅读更多关于 $.when not waiting for Ajax request to finish

I want to first render a view with Backbone.js that displays an Article pulled from the server. I then want to mark this as "seen" and return the count of unseen messages to the router as it needs to be made available to other views. So in my Router, I have: getArticle: function (id) { require(["app/models/article", "app/views/Article"], function (models, Article) { var article = new models.Article({id: id}); article.fetch({ success: function (data) { var articleView = new Article({model: data, message_count:that.message_count}); slider.slidePage(articleView.$el); $.when(articleView.saveView()

Can I pass Promises to jQuery.when(), or only Deferreds?

阅读更多关于 Can I pass Promises to jQuery.when(), or only Deferreds?

The documentation for jQuery.when() says that this function takes Deferreds. However, it also says later on that: If a single argument is passed to jQuery.when() and it is not a Deferred or a Promise... which seems to imply that it can take Promises as well. But Promises are not Deferreds - they have a subset of the Deferred's methods. I guess you could say that a Deferred is a Promise, but a Promise is not a Deferred. Questions: Can $.when() take either Promises or Deferreds? This seems to work in my testing. Is there a bug in the doc? I think it should say that $.when() takes Promises, not

How do you work with an array of jQuery Deferreds?

阅读更多关于 How do you work with an array of jQuery Deferreds?

问题 I have an application that requires data be loaded in a certain order: the root URL, then the schemas, then finally initialize the application with the schemas and urls for the various data objects. As the user navigates the application, data objects are loaded, validated against the schema, and displayed. As the user CRUDs the data, the schemas provide first-pass validation. I\'m having a problem with initialization. I use an Ajax call to fetch the root object, $.when(), and then create an

Pass in an array of Deferreds to $.when()

阅读更多关于 Pass in an array of Deferreds to $.when()

问题 Here\'s an contrived example of what\'s going on: http://jsfiddle.net/adamjford/YNGcm/20/ HTML: <a href=\"#\">Click me!</a> <div></div> JavaScript: function getSomeDeferredStuff() { var deferreds = []; var i = 1; for (i = 1; i <= 10; i++) { var count = i; deferreds.push( $.post(\'/echo/html/\', { html: \"<p>Task #\" + count + \" complete.\", delay: count }).success(function(data) { $(\"div\").append(data); })); } return deferreds; } $(function() { $(\"a\").click(function() { var deferreds =