1. 程式人生 > >動態更新 HTML 內容 —— AJAX

動態更新 HTML 內容 —— AJAX

通過 JavaScript 載入資料,在不重新整理網頁的情況下,更新網頁內容的技術,稱為 AJAX(Asynchronous JavaScript and XML,非同步 JavaScript 和 XML)。

1. 改變頁面元素

如下所示網頁,想要通過 JavaScript 的方式更改溫度數字。

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

jQuery 庫提供了 html() 和 text() (html 方法能夠識別 HTML 標籤,text 則不可以)方法,在指定區域(通過選擇器選擇)填入 HTML 程式碼或純文字內容。

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