jQuery ajax load() java script not executing?

by

You want to load via AJAX into a div on your page, lets call it;

1) <div id="loadStuffHere"></div> of (abc.html)

2) the stuff to populate loadStuffHere comes from xyz.html

So just do this;

$("loadStuffHere").load("xyz.html");

BUT WAIT!! You dont want to have to load everything from xyz.html you just want to load a portion of xyz.html say <div id="loadMeOnly"></div> of (xyz.html)

So just do this;

$("loadStuffHere").load("xyz.html #loadMeOnly");

BUT WAIT!! Lets say inside of <div id="loadMeOnly"></div> is an accordion so which means it has to be initialized which means u have to also include the javascripts… hmm, what to do…

You would think of doing this;

$("loadStuffHere").load("xyz.html #loadMeOnly");
$.getScript('js/xyz.js');

Well the above sucks because a) u would need to create an external js file and b) You are actually making 2 http calls, when u could do it with 1 http call if you did it by normal non-ajax way.

The best solution is to get 2 things with 1 call the (HTML and the js – 1 line, 1 http) here is how u do it;

$("loadStuffHere").load("xyz.html #loadMeOnly, script");

This loads the #loadMeOnly div AND all script tags

The trick here is commas. You could pick and choose to load whatever doms you want

More Related Contents:

  1. jQuery .load() / .ajax() not executing javascript in returned HTML after appended
  2. How to make page loaders/animations/transitions
  3. How to manage a redirect request after a jQuery Ajax call
  4. Access Control Request Headers, is added to header in AJAX request with jQuery
  5. jQuery XML error ‘ No ‘Access-Control-Allow-Origin’ header is present on the requested resource.’
  6. JavaScript/jQuery to download file via POST with JSON data
  7. Prevent Page Load on Jquery Form Submit with None Display Button
  8. Jquery/Ajax call with timer
  9. jQuery: load txt file and insert into div
  10. How to pass parameters in GET requests with jQuery
  11. How to send data in request body with a GET when using jQuery $.ajax()
  12. How to send a message to a particular client with socket.io
  13. jquery submit form and then show results in an existing div
  14. What does “return false;” do?
  15. Show a progress bar for downloading files using XHR2/AJAX
  16. How to trigger an onkeyup event that’s delayed until a user pauses their typing?
  17. Use JSONP to load an html page
  18. Aborting jQuery().load()
  19. Why my $.ajax showing “preflight is invalid redirect error”?
  20. How can I get all a form’s values that would be submitted without submitting [duplicate]
  21. jQuery 3 slim ajax basic example
  22. Bind events on dynamic created elements inserted by AJAX (check box)
  23. Jquery Ajax beforeSend and success,error & complete
  24. How to upload string as file with jQuery or other js framework
  25. Automatically resize jQuery UI dialog to the width of the content loaded by ajax
  26. How to add a Facebook “Like” button to an AJAX driven page
  27. $.post throwing “Illegal invocation “
  28. CORS error with jquery
  29. XMLHttpRequest; Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource [duplicate]
  30. How to replace the entire html webpage with ajax response?

Leave a Comment