2012-06-13 34 views
7

如何獲取位於不同網站上的某個html元素的html?如何從AJAX的不同頁面獲取div的html?

解決方案:

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

「另一頁」,你的意思是你自己的網頁之一?或從一個完全不同的網站頁面? – kevin628

+0

非常不可能...除非它是相同的webapp /網站這可能是不可能的,因爲明顯的安全原因 –

+1

[你有什麼嘗試?](http://whathaveyoutried.com) – sczizzo

回答

4

做一個AJAX調用的PHP或任何其他文件,使用捲曲或其他工具來抓住你想要的網頁,並提取div和回聲,然後,當你回來的HTML只是把它裏面div在你的頁面

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

爲什麼在使用jQuery – gopi1410

+0

中的單行代碼完成這樣的長代碼時,只是讓他知道他的所有選項。學習捲曲在許多情況下肯定有幫助。 – user1415567

+0

這不起作用 –

13

可以使用$.load帶有附加的容器

的.load()方法,不像$獲得(),允許我們指定的 的一部分要插入的遠程文件。

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

在這裏你去:

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

對於類:

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

您的url字符串中需要一個空格作爲選擇器。 – Mathletics

+0

@Mathletics。你可以輕鬆地爲他解決它。 – gdoron

+0

哎呀錯過了@gdoron謝謝:) – gopi1410

0

你也可以用這樣的。

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

一種方法是:

  • 發送Ajax調用服務器端腳本

  • 這個腳本獲取遠程頁面,並返回HTML作爲響應。 (一般以JSON爲佳)

  • 你的頁面最終可以訪問html。

相關問題