jQueryのajaxでhtmlを取得する
授業でajaxを使ってサイトを作る必要が出たのでしらべてみた。
体系的にわかりやすくサンプルが置いてあるものがなかなかなかった。 そしてようやく苦労して見つけた。
今回参考にさせていただいたのは「.load()の使い方。」 ただし、少し前のものだからかそのままでは動かなかった・
index.html
<script src="//code.jquery.com/jquery-3.1.1.min.js"></script>
から
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
へ
test1.htmlは、Firefoxのコンソールでエラーはいていたので
<ul id="sample"> <li>東京</li> <li>大阪</li> </ul> <ul> <li>犬</li> <li>猫</li> </ul> <p>サンプル出力。</p>
から
<!DOCTYPE html> <html> <body> <ul> <li>東京</li> <li>大阪</li> </ul> <ul> <li>犬</li> <li>猫</li> </ul> <p>サンプル出力。</p> </body> </html>
へ変更すると出なくなる。