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

Question

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

解决方案：

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

Answer 1

您可以将$.load与附加容器一起使用

.load() 方法与 $.get() 不同，它允许我们指定要插入的远程文档的一部分。

$('#result').load('ajax/test.html #container');

Answer 2

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

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

Answer 3

干得好：

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

上课：

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

Answer 4

一种方法是：

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

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

• 您的页面终于可以访问 html。

Answer 5

你也可以这样使用。

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