AJAX (セキュリティ上の理由から) では、同じドメインにないページからコンテンツを取得できないため、クロス ドメイン ポリシーの問題が発生しています。
それを取り除き、タスクを達成するには、次の行の PHP だけで
呼び出すことができる PHP ファイルが必要です。grabber.php
<?php echo file_get_contents($_GET['url']); ?>
あなたのhtmlの中よりも(またはどんなファイルでも好きです:)
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>test</title>
</head>
<body>
<div id="response"></div>
</body>
<script>
$(function(){
var contentURI= 'http://domain.com #element'; // URL TO GRAB + # of any desired element // if needed :)
$('#response').load('grabber.php?url='+ contentURI);
});
</script>
</html>
なぜこれが機能するのですか?
- 現在、AJAX は単純な GET リクエストを
grabber.php
ページに送信しています。
grabber.php
目的のコンテンツをエコーします
- これで、コンテンツはあなたの (サーバー) ドメインにあります!
- そしてAJAXはあなたに喜んでサービスを提供します:)