重新加载div而不刷新所有页面

Question

I have a question. So, In my project I have a div :

<div class="right-bloc-pub-1">
   <script src="http://www.adcash.com/ad/display.php?r=23" type="text/javascript">
</div>

No, I want to reload this script when a button is reload. I tried :

location.reload();

But it's reload all the page. It's possible to reload onlye the right-bloc-pub-1 with his script? Thx in advance

Answer 1

<script language="text/javascript">
   function load_js()
   {
      var head= document.getElementsByTagName('head')[0];
      var script= document.createElement('script');
      script.type= 'text/javascript';
      script.src= 'source_file.js';
      head.appendChild(script);
   }
   load_js();
</script>

The main point is inserting a new script tag -- you can remove the old one without consequence. You may need to add a timestamp to the query string if you have caching issues.

Answer 2

You can use .load() with url and class selector.

$( "#ID" ).load( "http://www.adcash.com/ad/display.php?r=23 .right-bloc-pub-1" );

Loading Page Fragments

The .load() method, unlike $.get(), allows us to specify a portion of the remote document to be inserted. This is achieved with a special syntax for the url parameter. If one or more space characters are included in the string, the portion of the string following the first space is assumed to be a jQuery selector that determines the content to be loaded.

Answer 3

You can create a method to reload the script, like this:

function reload()
{
    $.getScript('http://www.adcash.com/ad/display.php?r=23');
    return true;
}

You can also make it refresh every x milliseconds, you do this like so:

var intervalID = setInterval(function(){ reload; }, 3000);//Every 3 seconds

//To stop refreshing
clearInterval(intervalID);