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

时间:2012-06-13 20:47:16

标签: javascript jquery ajax

如何获取位于不同网站的某个html元素的html?

解决方案:

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

5 个答案:

答案 0 :(得分:13)

您可以将$.load与附加容器

一起使用
  

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

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

答案 1 :(得分:5)

你走了:

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

上课:

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

答案 2 :(得分:5)

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

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

答案 3 :(得分:1)

一种方法是:

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

  • 此脚本提取远程页面并返回HTML作为响应。 (通常优选JSON)

  • 您的网页最终可以访问html。

答案 4 :(得分:0)

你也可以这样使用。

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