jquery - jquery使用ajax从网站的另一部分加载内容

Question

我想用 jquery 制作我的网站 ajax。例如：当点击这样的链接时：/category/blabla.html，#container这个链接的内容会转到另一个id，比如#CONTENT。并且脚本必须有一个像这样的加载 img：http://www.ajaxload.info/。感谢您的支持，对不起我的英语不好！

Answer 1

  **THIS IN YOUR HTML(FOR THE IMAGE)**
    <div id="loading">
    <!-- this is the loading gif -->
    <img src="your image">
    </div>
  **THIS IS THE POSSIBLE LINK**
    <a onclick="return yourAjax(this);">Link</a>    

  **THIS IS YOUR (POSSIBLE) SCRIPT**
    function yourAjax(link) {
        $('#loading').show();
        $.ajax({
        url: "test.html",
        context: document.body
        }).done(function(response) {
        $(link).id("CONTENT");
        $('#loading').hide();
        $('#CONTENT').html(response) // response assumed to be html
        });

    }

HOPE THIS HELPS TO GIVE SOME IDEA!!