jQuery load（）およびjsonを使用して外部コンテンツをロードする

Question

jQueryのload（）メソッド+ jsonを使用して、空のdivに外部コンテンツをロードできるかどうかを知りたいと思います。私は出発点として、以下のいる

：私は、HTMLページに挿入したい

<div id="aboutUs"></div> 
<div id="whatWeDo"></div> 
<div id="ourValues"></div> 
<div id="ourExpertise"></div> 

var loadPages = { 'pageData' : [ 
    { 
     'loadInTo'  : '#aboutUs', 
     'url'   : 'http://www.website.co.uk/aboutUs.html', 
     'urlSection' : '#aboutUs' 
    }, 
    { 
     'loadInTo'  : '#whatWeDo', 
     'url'   : 'http://www.website.co.uk/whatWeDo.html', 
     'urlSection' : '#whatWeDo' 
    }, 
    { 
     'loadInTo'  : '#ourValues', 
     'url'   : 'http://www.website.co.uk/ourValues.html', 
     'urlSection' : '#ourValues' 
    }, 
    { 
     'loadInTo'  : '#ourExpertise', 
     'url'   : 'http://www.website.co.uk/ourExpertise.html', 
     'urlSection' : '#ourExpertise' 
    } 
] } 

「loadInto」specifys、「urlは」私はからのロードと 'てるページですurlSection 'はロードしたいURLの一部です

誰かが正しい方向に向いていますか？事前に多くの感謝。彼らは同じですが、あなたがすることができるよう、あなたがloadInToとurlSectionを持っている理由

Answer 1

いけない知っている：

for(i=0; i < loadPages.pageData.length ; i++){ 
    var current = loadPages.pageData[i]; 
    $(current.urlSection).load(current.url); 
} 

Webサイトのコンテンツは、同じサイトにない場合、あなたはJSON

を使用する必要がありますhttp://api.jquery.com/jQuery.ajax/

crossDomainを参照してください。

Answer 2

外部コンテンツを読み込みたい場合は、ドメイン間の問題に対処する必要があります。これに対処するには複数の方法があります。クロスドメインのAjaxリクエストを調べたい場合があります。回避策に関するドキュメントがたくさんあります。

ホストサイトの別のURLからコンテンツを取得する理由はありますか？

ホスト上でPHPが有効になっていると仮定して、プロキシのような方法を使用するのが最適です。これは、それが必要ローカルファイルがあるとして - 次に

<?php 
include('http://www.website.co.uk/aboutUs.html'); 
?> 

あなたの負荷（）関数のリファレンス「AJAboutUs.php」を作る：

は「AJAboutUs.php」と呼ばれると、以下の内容に入れPHPファイルを作成します。内容を表示します。