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

时间:2013-06-27 06:14:41

标签: jquery ajax load

我想用jquery制作我的网站ajax。 例: 当点击这样的链接时:/category/blabla.html, 此链接的#container内容会转到另一个ID #CONTENT。 并且脚本必须具有如下加载img:http://www.ajaxload.info/。 感谢您的支持,抱歉我的英语不好!

1 个答案:

答案 0 :(得分:0)

  **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!!