JavaScript Document.Write Replaces All Body Content When Using AJAX

by

You can’t use document.write once the document has completed loading. If you do, the browser will open a new document that replaces the current.

Use the innerHTML property to put HTML code inside an element:

function gen_output(ad_content){
  document.getElementById('mb_ad').innerHTML = ad_content;
}

Put the element before the script, so that you are sure that it exists when the callback function is called:

i am text before
<div id="mb_ad"></div>
i am text after
<script type="text/javascript" src="https://stackoverflow.com/questions/2360076/mb.js"></script>

It doesn’t matter much where you place the script, as nothing will be written to the document where it is.

More Related Contents:

  1. Difference between .ajaxSubmit() vs .submit()
  2. Send POST data using XMLHttpRequest
  3. Origin is not allowed by Access-Control-Allow-Origin
  4. download file using an ajax request
  5. Run Greasemonkey script on the same page, multiple times?
  6. Ajax, back button and DOM updates
  7. The best way to synchronize client-side javascript clock with server date
  8. jQuery get textarea text
  9. How to bind Events on Ajax loaded Content?
  10. Why threre is no way to download file using ajax request?
  11. Loading local files with Javascript without a web server
  12. JSF/PrimeFaces ajax updates breaks jQuery event listener function bindings
  13. Want HTML form submit to do nothing
  14. Cross domain POST request is not sending cookie Ajax Jquery
  15. Scrape / eavesdrop AJAX data using JavaScript?
  16. My javascript is returning this error: $.ajax is not a function
  17. AJAX jQuery refresh div every 5 seconds
  18. jQuery AJAX polling for JSON response, handling based on AJAX result or JSON content
  19. JQuery Ajax Post results in 500 Internal Server Error
  20. Javascript: Overriding XMLHttpRequest.open()
  21. CORS error for application running from file:// scheme
  22. AJAX Page Download progress
  23. values not updated after an ajax response
  24. Using jQuery AJAX to download a binary file
  25. How to post an image in base64 encoding via .ajax?
  26. XmlHttpRequest onprogress interval
  27. Confused on how a JSONP request works
  28. XMLHttpRequest: Network Error 0x80070005, Access is denied on Microsoft Edge (but not IE)
  29. Phantom JS synchronous AJAX request : NETWORK_ERR: XMLHttpRequest Exception 101
  30. Hook AJAX in WordPress

Leave a Comment