JQuery html import function from external source

Question

I have this jQuery function:

function addSomeHTML() { $("#mysection").html("<div id='myid'>some content here</div>"); } 

I basically need this part: <div id='myid'>some content here</div> to read from an external file.

Can anyone help?

thanks

Answer 1

Use the AJAX load() method.

 $('#mysection').load('yourfile.html'); 

Of course, the URL can also point to a PHP script, etc.