ホームページ  >  記事  >  ウェブフロントエンド  >  js_javascript スキルを使用して HTML ファイルを取得するアイデアと例

js_javascript スキルを使用して HTML ファイルを取得するアイデアと例

WBOY
WBOYオリジナル
2016-05-16 17:22:141672ブラウズ
コードをコピー コードは次のとおりです。

function readHTML(){
$.ajax( {
async:false,
url : "aa.html",
success : function(result){
alert(result)
});


async:false、これは他の JS との同期用です。これが true であるか、入力されていない場合は、同じレベルの他のコードが最初に実行されます。これは、ここでの結果が空であることを意味します。他のコードのみが実行され、その結果には値が含まれます。

この式はあまり明確ではないかもしれません。これは、この属性の詳細な説明です。例: http://www.cnblogs.com/wlmemail/archive/2010/06/22/1762765.html

注: これは、 jQueryを使う

jsを使う場合は以下の通り


のコードをコピー コードは
var xmlhttp;
if (window.XMLHttpRequest) { // IE7、Firefox、Chrome、Opera、Safari と互換性があります
xmlhttp = new XMLHttpRequest(); >}
else { // IE6、IE5 と互換性があります
xmlhttp = new ActiveXObject("Microsoft .XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp) .readyState == 4 && xmlhttp.status == 200) {
document.getElementById("myDiv" ).innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET" , "aa.html", true);
xmlhttp.send();


myDiv は、ページ
で定義された div です。これは、問題に対する私の解決策のソースです: http://stackoverflow.com/questions/8197709/javascript-read -html-from-url-into-string
参考: http://www.w3schools.com /ajax/tryit.asp?filename=tryajax_first
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。