URLのHTMLをXMLHttpRequestなしで取得する

Question

読んでいただきありがとうございます。私は、外部URLのページのHTMLソースを変数に変換して、すべてが編集可能になるようにするJavascript関数を考え出しています。 URLが "html、htm、aspx"拡張子で終わるのではなく、代わりに入力フォーム変数の文字列（つまり、？type = AAA & color = BBB ...）がURLに含まれています。したがって、XMLHttpRequestメソッドは問題になりません。

JS/jQueryでこれを行うことはできますか？私は同じオリジンポリシーについて聞いたことがありますが、PHPではこれだけですが、次のツールでもそれを行うことができます。http://www.iwebtool.com/code_viewer

Answer 1

XMLHttpRequestは任意の有効なURLで動作し、適切なURLを与えて、 。

しかし、same-origin policyの制限があります。状況に応じて異なる回避策がありますが、受け取ったテキストを操作できるようにするには、実際には1つのオプションしかありません。あなたが現在持っているとしてだけのgetURLの最初の行としてこれを追加し、同じJavaScriptを使用：

url='/path/to/proxy.php?url='+encodeURIComponent(url); 

その後、サーバー（同じページを提供しています1及びそのジャバスクリプト）上で、proxy.phpを書く：

<?php 
    echo file_get_contents($_GET['url']); 
?> 

これにより、サーバーにはすべてのajaxリクエストが送信されますが、これには1つのドメインからの読み込み制限がありません。サーバーは要求したURLを読み込み、ロードしたページからの応答を返信します。上記のスクリプトでは、コンテンツ本体（ビュー元のときに表示される内容）のみが提供されることに注意してください.HTTPヘッダーにアクセスする必要がある場合は、それらを中継することもできます。

Answer 2

この場合、元の原ポリシーが適用されますが、サーバーサイドコード（PHP）とjQueryを組み合わせて使用​​することができます。少しの例があります。

PHP

<?php 
    $url = $_REQUEST['url']; 
    $curl_handle=curl_init(); 
    curl_setopt($curl_handle,CURLOPT_URL,$url); 
    curl_setopt($curl_handle,CURLOPT_CONNECTTIMEOUT,2); 
    curl_setopt($curl_handle,CURLOPT_RETURNTRANSFER,1); 
    $buffer = curl_exec($curl_handle); 
    curl_close($curl_handle); 
    echo($buffer); 
?> 

jQueryの/ HTMLあなたは何のURLはそれがでロードすることができるかどうかとは何かを持っている "で終わる" という考えを手に入れた

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script type="text/javascript"> 
$.ajax({ 
    type: "POST", 
    url: "yourPhpScript.php", 
    data: "url=http://stackoverflow.com" 
}).done(function(content) { 
    $('#content').html(content); 
    //content is your variable containing the source 
}); 
</script> 

<div id="content"></div>