AdSpeed.org | Giving it back

If you need to reload a partial content (not the whole page) with JavaScript, you can easily use AJAX (jQuery is the simplest). But if the content is also from another website (eg: some API), then you can use JSONP (JSON with Padding) to get around the security protection of AJAX requests. document.write("<div id=\"MyContent\">"); document.write("Initial Contents"); document.write("</div>"); function reloadJS() { var js = document.createElement("script"); js.setAttribute("src","http://example.com/javascript.php?output=jsonp&random="+Math.random()); js.setAttribute("type","text/javascript"); document.body.appendChild(js); } function ajaxJSONCallback(data) { document.getElementById("MyContent").innerHTML = data.FullHTML; } window.setInterval("reloadJS()",{ASJSRefreshSec}); And in the server-side javascript.php, you would return: ajaxJSONCallback({'FullHTML':'New Content'})

Labels: javascript