Javascript 如何使用AJAX从不同页面获取div的html？

如何获取位于不同站点上的某个html元素的html

解决方案：

$.ajax({
url: 'somefile.html',
success: function(data) {
    data=$(data).find('div#id');
    $('#mydiv').html(data);
    alert('Done.');
 }
});

可以与附加的容器一起使用

与$.get（）不同，.load（）方法允许我们指定 要插入的远程文档

给你：

$('#div_id_in_your_page').load('ajax_page.html #required_div');

上课时间：

$('.div_class_in_your_page').load('ajax_page.html #required_div');

---

你也可以这样使用

$.ajax({
   url:"page2.html",
   success:function(response){
      $("#currentDIV").html(response);
   },error:function(){
      alert("error");
   }
});

一种方法是：

• 向服务器端脚本发送ajax调用

• 此脚本获取远程页面并返回HTML作为响应。（通常首选JSON）

• 您的页面最终可以访问html

---

对php或任何其他文件进行ajax调用，使用CURL或其他工具获取所需页面，提取div并回显它，然后在返回html时将其放入页面的div中

    $.ajax({
    url: 'somefile.html',
    success: function(data) {
                    data=$(data).find('div#id');
        $('#mydiv').html(data);
        alert('Done.');
     }
    });

---

“另一页”是指你自己的一页吗？或者来自完全不同的网站的页面？不太可能…除非是同一个Web应用程序/站点，否则出于明显的安全原因，这可能是不可能的“另一个页面”我指的是同一域上的页面，但具有另一条路径。您的url字符串中需要一个空格作为选择器。@Mathletics。你可以很容易地帮他修好。这个很有效。是否可以按类名或仅按ID选择div？我可以使用普通的jQuery选择器吗？@Sand\u Spirit在左边部分，您可以使用普通选择器。看看答案。事实上，现在我意识到它不起作用了。它只是隐藏了我的div而没有加载另一个。我该怎么办？为什么要使用这么长的代码，而jquery中的单行代码可以做到这一点，只是让他知道他所有的选择。在许多情况下，学习旋度当然是有帮助的。

    $.ajax({
    url: 'somefile.html',
    success: function(data) {
                    data=$(data).find('div#id');
        $('#mydiv').html(data);
        alert('Done.');
     }
    });