Friday, April 20, 2012

[jQuery][PHP] 如何讓jQuery應用其他網站的資料

javascript因為安全上的考量,基本上不允許抓非自身網域的網頁資料, jQuery是javascript的應用 ,所以也不例外,要突破這個限制,需要靠特殊方式(請參考本篇),舉一個應用的實例,供大家參考,如下...

前台頁面(jquery):
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(document).ready(function() {
$.ajax({
url:"1.php",
success:function(xml){
$("#mydiv").text(xml);
}
});
});
</script>
    </head>
    <body>
<div id="mydiv">
</div>
    </body>
</html>

後台頁面( php):以重灌狂人的plurk xml資料為例
<?php
if(@file_get_contents("http://www.plurk.com/user/briian.xml")){
$xml=simplexml_load_file("http://www.plurk.com/user/briian.xml");
echo $xml->title;
}
else{
echo "No this ID.";
}
?>

說明:因為php沒有限制不能跨網頁取資料,所以有有很多函式都可以利用,例如:範例中的 file_get_contents 及 simplexml_load_file 都是,然後取到資料後,就可以餵給前台網頁了。

No comments:

Post a Comment