動態更新 HTML 內容 —— AJAX

時間 2020-05-31

原文原文鏈接

經過 JavaScript 加載數據，在不刷新網頁的狀況下，更新網頁內容的技術，稱爲 AJAX（Asynchronous JavaScript and XML，異步 JavaScript 和 XML）。html

1. 改變頁面元素

以下所示網頁，想要經過 JavaScript 的方式更改溫度數字。異步

<body>
    <p>
    當前溫度：<span id="temp">24</span>&deg;C
    </p>
</body>

jQuery 庫提供了 html() 和 text() （html 方法可以識別 HTML 標籤，text 則不能夠）方法，在指定區域（經過選擇器選擇）填入 HTML 代碼或純文本內容。spa

<body>
    <p>
    當前溫度：<span id="temp">24</span>&deg;C
    </p>
    <script></script>
    <script> $(function () { $("#temp").html("<b>21</b>") }); </script>
</body>

相關標籤/搜索