Est-il faisable de faire une requête AJAX à partir d'un Web Worker?

Je ne semble pas être en mesure d'utiliser jQuery dans mon webworker, je sais il doit y avoir un moyen de le faire avec XMLHttpRequestmais il semble que ce ne serait pas une bonne option quand j'ai lu cette réponse.

source d'informationauteur qwertynl

  1. 22

    Bien sûr vous pouvez utiliser de l'AJAX à l'intérieur de votre webworker, vous avez juste à rappelez-vous qu'un appel AJAX est asynchrone et vous devrez utiliser les callbacks.

    C'est le ajax fonction que j'utilise à l'intérieur de mon webworker de frapper le serveur et de faire des requêtes AJAX:

    var ajax = function(url, data, callback, type) {
  var data_array, data_string, idx, req, value;
  if (data == null) {
    data = {};
  }
  if (callback == null) {
    callback = function() {};
  }
  if (type == null) {
    //default to a GET request
    type = 'GET';
  }
  data_array = [];
  for (idx in data) {
    value = data[idx];
    data_array.push("" + idx + "=" + value);
  }
  data_string = data_array.join("&");
  req = new XMLHttpRequest();
  req.open(type, url, false);
  req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  req.onreadystatechange = function() {
    if (req.readyState === 4 && req.status === 200) {
      return callback(req.responseText);
    }
  };
  req.send(data_string);
  return req;
};

    Puis à l'intérieur de votre travailleur que vous pouvez faire:

    ajax(url, {'send': true, 'lemons': 'sour'}, function(data) {
   //do something with the data like:
   self.postMessage(data);
}, 'POST');

    Vous pourrait voulez lire cette réponse au sujet de certains des problèmes qui peuvent se produire si vous avez trop requêtes AJAX en passant par les web workers.

  2. 2

    Si vous essayez d'appeler un service sur un autre domaine qui utilise le JSONP, vous pouvez utiliser le importScripts fonction. Par exemple:

    //Helper function to make the server requests 
function MakeServerRequest() 
{ 
importScripts("http://SomeServer.com?jsonp=HandleRequest"); 
} 

//Callback function for the JSONP result 
function HandleRequest(objJSON) 
{ 
//Up to you what you do with the data received. In this case I pass 
//it back to the UI layer so that an alert can be displayed to prove 
//to me that the JSONP request worked. 
postMessage("Data returned from the server...FirstName: " + objJSON.FirstName + " LastName: " + objJSON.LastName); 
} 

//Trigger the server request for the JSONP data 
MakeServerRequest();

    Trouvé ce bon conseil ici: http://cggallant.blogspot.com/2010/10/jsonp-overview-and-jsonp-in-html-5-web.html

  3. 2

    Suffit d'utiliser JS fonction fetch() de Chercher de l'API. Vous pouvez également mettre en place beaucoup d'options comme de la SCRO contournement et ainsi de suite (de sorte que vous pouvez obtenir le même comportement comme avec importScripts mais en beaucoup plus propre chemin à l'aide Promesses).