味噌汁を飲みます

そんなに深く考えて書いていない twitter: siberiy4

jQueryのajaxでhtmlを取得する

授業でajaxを使ってサイトを作る必要が出たのでしらべてみた。

体系的にわかりやすくサンプルが置いてあるものがなかなかなかった。 そしてようやく苦労して見つけた。

qiita.com

今回参考にさせていただいたのは「.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>

へ変更すると出なくなる。