通过Ajax加载内容

好的，我对ajax和从外部加载内容还不太熟悉，如果您能了解我的问题，我将不胜感激

我目前有一个隐藏的div，它是空的，在单击链接后，ajax内容应该加载到该div中

<div id="#ajax-wrap"></div>

由于我不熟悉Ajax并加载外部内容，我想知道如何从

#content

标记中的链接页面加载内容。所以本质上，我想要一个

.home right

链接，

#ajax wrap

将滑动切换，然后ajax将从链接页面（总是一个不同的随机链接）中提取内容，它是

#content

div，将该内容放在

#ajax wrap

中

提前感谢大家的帮助

使用：

使用：

---

您可以像这样简单地使用

ajax

：

$("a.home-right").click(function () {
  $.ajax({
    type: "get",
    url: "YOUR URL HERE",
    success: function(data){
           $('#ajax-wrap').html(data);
          $('#ajax-wrap').slideToggle();
    },
    error: function(){
      alert("An error occured");
    }
  });
});

---

您可以像这样简单地使用

ajax

：

$("a.home-right").click(function () {
  $.ajax({
    type: "get",
    url: "YOUR URL HERE",
    success: function(data){
           $('#ajax-wrap').html(data);
          $('#ajax-wrap').slideToggle();
    },
    error: function(){
      alert("An error occured");
    }
  });
});

---

您需要为链接设置

ajax

。要求：

为链接编写处理程序

当有人点击链接（重定向到页面）时，我们必须取消浏览器的默认行为

删除从服务器接收到的旧数据ajax，并使

#ajax包装

新鲜

通过ajax加载远程页面，并将其设置为

#ajax wrap

现在把它滑下来

---

---

您需要为链接设置

ajax

。要求：

为链接编写处理程序

当有人点击链接（重定向到页面）时，我们必须取消浏览器的默认行为

删除从服务器接收到的旧数据ajax，并使

#ajax包装

新鲜

通过ajax加载远程页面，并将其设置为

#ajax wrap

现在把它滑下来

---

试试这个：

$(function(){
    $("a.home-right").click(function () {
          $('#ajax-wrap').slideUp();                                  
           var url = $(this).attr("href")                                 
          $.ajax({
            type: "get",
            url: url,
            success: function(msg){
                $('#ajax-wrap').html(msg)        
                $('#ajax-wrap').slideDown();
            },
            error: function(){
              alert("An error occured");
            }
      });
    })

})

试试这个：

$(function(){
    $("a.home-right").click(function () {
          $('#ajax-wrap').slideUp();                                  
           var url = $(this).attr("href")                                 
          $.ajax({
            type: "get",
            url: url,
            success: function(msg){
                $('#ajax-wrap').html(msg)        
                $('#ajax-wrap').slideDown();
            },
            error: function(){
              alert("An error occured");
            }
      });
    })

})

---

您没有将HTML设置为

#ajax wrap

？对不起，您将HTML设置为

#ajax wrap

是什么意思？他的意思是将ajax响应中的

#内容

放入

#ajax wrap

#内容中吗？e、 g.

您没有将HTML设置为

#ajax wrap

？对不起，您将HTML设置为

#ajax wrap

是什么意思？他的意思是将ajax响应中的

#内容

放入

#ajax wrap

内容是否放在

#ajax wrap

中？e、 g.

我想你的意思是

$（'ajax-wrap'）.load（'u-url_返回数据#内容'）.slideToggle（）

啊，好吧，我不明白这个问题。我想你的意思是

$（'ajax-wrap'）.load（'u-url_返回数据#内容'）.slideToggle（）

啊，好吧，我不明白这个问题。你真是摇滚！这正是我所需要的。非常感谢。有没有办法在显示内容后设置一个关闭按钮？例如，如果我想让元素#close按钮能够关闭已向下滑动的内容，我将如何将其合并到该代码中？你太棒了！这正是我所需要的。非常感谢。有没有办法在显示内容后设置一个关闭按钮？例如，如果我想让元素#close按钮能够关闭已向下滑动的内容，我将如何将其合并到此代码中？

// Document Ready
$(function () {

    // attaching click handler to links
    $("a.home-right").click(function (e) {
        // cancel the default behaviour
        e.preventDefault();

        // get the address of the link
        var href = $(this).attr('href');

        // getting the desired element for working with it later
        var $wrap = $('#ajax-wrap');

        $wrap
            // removing old data
            .html('')

            // slide it up
            .slideUp()

            // load the remote page
            .load(href + ' #content', function () {
                // now slide it down
                $wrap.slideDown();
            });
    });

});

$(function(){
    $("a.home-right").click(function () {
          $('#ajax-wrap').slideUp();                                  
           var url = $(this).attr("href")                                 
          $.ajax({
            type: "get",
            url: url,
            success: function(msg){
                $('#ajax-wrap').html(msg)        
                $('#ajax-wrap').slideDown();
            },
            error: function(){
              alert("An error occured");
            }
      });
    })

})