サーバーからさまざまなhtmlファイルを入力したいdivがあります。これを行う簡単な方法はありますか?私が見つけたのはjqueryサンプルだけで、ライブラリは使いたくありません。
私はこれを試しました:
document.getElementById('main').innerHTML = 'menu.html';
しかし、それは明らかにテキストをロードしただけです!
サーバーからさまざまなhtmlファイルを入力したいdivがあります。これを行う簡単な方法はありますか?私が見つけたのはjqueryサンプルだけで、ライブラリは使いたくありません。
私はこれを試しました:
document.getElementById('main').innerHTML = 'menu.html';
しかし、それは明らかにテキストをロードしただけです!
いくつかの単純なAjaxがあなたのためにトリックを行います。これはテストされていませんが、正しいアイデアが得られるはずです。
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("main").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","menu.html",true);
xmlhttp.send();
最も簡単な方法は、ライブラリを使用することです。ライブラリの要点は、uのコードを記述したことです。右?jQueryの例を使用します。それはそれが得るのと同じくらい良いです。
簡単な方法はありますか?いいえ、ライブラリなしではありません。そうは言っても、選択すれば自分でそれを行うことができます-それはあなたがjQueryの腕に戻って這うために必要なすべてであるかもしれません;)