Load A Page With Jquery.ajax, How Is It?

why in this code after click not displaying(or not load) mysite.html? $('#icon a').click(function (event) { event.preventDefault(); $('.table_show, #num_count, #select_bo

Solution 1:

$(".results").load('mysite.html');

Of course mysite.html must be in the same folder as the script, or you can use full url (always restricted to same origin policy) 'http://www.yoursite.com/mysite.html'

You can also do it with .ajax method, the .load way just make it simple.

$.ajax({
  url: "mysite.html", //or full url http://...success: function(data){
    $('.results').html(data);
  }
});

In .load method you can set a callback function too:

$(".results").load('mysite.html', myCallback);

You should take a look at jQuery API, http://api.jquery.com/jQuery.ajax/

Solution 2:

You just need to use the .load() plugin..