DedeCMS digg Ajax クロスドメインの実装方法

visitCountCallBack({ 
"visitcount":135 
});

上記のコードをローカル コンピューターにコピーし、IE または FIREFOX で開き、ボタンをクリックします。ページを更新せずに動的な効果が得られ、返されたデータがドメインを越えて取得されることがわかりました。JAVASCRIPT がドメインを越えてアクセスできないことは誰もが知っていますが、これは驚くべきことです。 。 。 。コードを注意深く研究すると、驚くべきことが明らかになりました。

このコード:

 var s = document.createElement("SCRIPT"); 
s.id="cgi_emotion_list"; 
document.getElementsByTagName("HEAD")[0].appendChild(s); 
s.src="http://g2.qzone.qq.com/fcg-bin/cgi_emotion_list.fcg?uin=123456";

ブラウザは DOM 解析を通じて SCRIPT 要素を取得し、ID 属性と SRC 属性を追加しました。 W3C 仕様の SCRIPT 要素の SRC 属性の公式説明は次のとおりです: script 要素を使用すると、作成者はドキュメントに動的スクリプトを含めることができます。src 属性が設定されている場合、script 要素は外部ファイルを参照します。の値属性は URI (または IRI) である必要があります。src 属性が設定されていない場合、スクリプトは要素の内容によって指定されます。次のように解釈されます: SCRIPT タグの SRC 属性が定義されている場合、SCRIPT タグは以下を参照します外部ファイル、および属性値は URL である必要があります。これは、SCRIPT がこの URL からファイルの内容を参照することを意味します。全員がブラウザでこのリンクにアクセスします: http://g2.qzone.qq.com/fcg-bin/cgi_emotion_list.fcg?uin=123456 JAVA の SERVLET に似たこの URL は、次のデータを返します: visitCountCallBack({"visitcount": 65188579 、 "デイビジット":8658、 "スペースマーク":0、 "マークチェンジ":0、 "太陽":1680、 "愛":478、 "雨":1680、 "ニュートリ":1450、 "レベル":5、 " gardener":1});この文字列は JAVASCRIPT 関数であり、入力は JSON 文字列です。このデータが返されると、上記の別の JAVASCRIPT 関数が呼び出されます。 function visitCountCallBack(data){

document.getElementsByTagName("HEAD")[0].removeChild(document.getElementById("cgi_emotion_list")); 
for(var i in data){ 
var e =document.getElementById(i); 
if(e) e.innerHTML=data[i]; 
} 
}

この関数では、innerHTML バーから返された JSON データを使用して BODY を埋め、ページを更新せずにデータを削除します。もう 1 つの重要な質問があります。 http://g2.qzone.qq.com/fcg-bin/cgi_emotion_list.fcg?uin=123456 は QQ スペースの URL です (uin は QQ 番号です。独自の QQ 番号を入力して試すことができます) (テスト)、JAVASCRIPT は他のドメインからデータを呼び出します。この方法はデータを取得するのが比較的簡単で、ドメインを越えてデータにアクセスすることもできるため、単純で小規模な非リフレッシュ効果に適しています。いつかブラウザが更新され、このアクセス方法が拒否された場合、この方法で取得したデータが使用できなくなる可能性があることが少し心配です。皆さんもこの方法は注意して使用することをお勧めします。 ！ ！

以上がDedeCMS digg Ajax クロスドメインの実装方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。