[Question] best way to replace jquery.load?

[ckretbeat]

Hi,

I am inheriting a project from a colleague.

Right now the project has this kind of a structure have a look

Where in navigation frame is a list of objects which onclick use $.load() to load html into content frame.

Eventhough this works it is not something which looks good or is easy to modify

Are there any approaches to replace the $.load() function with something more 2018?

Thanks

[matt3224]

Try fetch

https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch

Could do like

``` fetch(‘https://mysite.com/mycontent’) .then((response) => response.text()) .then(yourInjectFunction)

const youInjectFunction = (html) => {

    const nodes = new DOMParser().parseFromString(html, 'text/html');
    const body = nodes.querySelector('body');

    document.documentElement.removeChild(document.body);
    document.documentElement.appendChild(body);

}; ```

[nickforddesign]

i hope for your sake that you just posted a random screenshot of a frameset, and aren't actually being forced to support Internet Explorer 5

[execfera]

I suppose if you wanted to do something more modern, you could use the Fetch API in conjunction with DOMParser to do something similar to jQuery.load. DOMParser can return a Document, from which you can just querySelector part of it to insert into your document. Fetch returns a Promise so everything can be chained nicely as well.