Can I run a JS script from another using `fetch`?

Question

A lower average JS / JQ person is here.

I am trying to avoid the callback addon using JS fetch. It is billed as an “AJAX replacement” and seems pretty powerful. I see how you can create HTML and JSON objects with it ... but is it possible to run another JS script from the one you are in? Perhaps ES6 has another new feature:

$.getScript( 'xxx.js' );

i.e.

$.ajax({ url : 'xxx.js', dataType : "script", });

...

later, an answer to Joseph the Dreamer:

Tried this:

const createdScript = $(document.createElement('script')).attr('src', 'generic.js');
fetch( createdScript )...

... he did not run the script "generic.js". Did you mean something else?

Answer 1

API- Fetch API-, , . script AJAX - jQuery.ajax . Fetch API .

Script :

const scriptPromise = new Promise((resolve, reject) => {
  const script = document.createElement('script');
  document.body.appendChild(script);
  script.onload = resolve;
  script.onerror = reject;
  script.async = true;
  script.src = 'foo.js';
});

scriptPromise.then(() => { ... });

SystemJS API- script :

System.config({
  meta: {
    '*': { format: 'global' }
  }
});

System.import('foo.js').then(() => { ... });

Answer 2

.

---

, javascript, . eval (...), - !

: 1. javascript 2. script ( URL-, )

, perse.

---

javascript, , requirejs, . http://requirejs.org/

---

,

• ( requirejs webpack, )
• promises , (. Rxjs https://github.com/Reactive-Extensions/RxJS)

• , .

  someAsyncThing()
    .then(doSomethingAndResolveAnotherAsncThing)
    .then(doSomethingAsyncAgain)
  

, promises

Promise.all(somePromise, anotherPromise, fetchFromServer)
  .then(doSomethingWhenAllOfThoseAreResolved)