JavaScript中怎么用AJAX更改文本

這篇文章主要介紹“JavaScript中怎么用AJAX更改文本”，在日常操作中，相信很多人在JavaScript中怎么用AJAX更改文本問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”JavaScript中怎么用AJAX更改文本”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

創(chuàng)新互聯公司是一家專業(yè)從事網站設計、成都網站設計、網頁設計的品牌網絡公司。如今是成都地區(qū)具影響力的網站設計公司,作為專業(yè)的成都網站建設公司,創(chuàng)新互聯公司依托強大的技術實力、以及多年的網站運營經驗,為您提供專業(yè)的成都網站建設、營銷型網站建設及網站設計開發(fā)服務！

HTML 頁面

<!DOCTYPE html>

<html>

<body>

<div id="demo">

  <h3>讓 AJAX 更改這段文本</h3>

  <button type="button" onclick="loadDoc()">更改文本</button>

</div>

</body>

</html> 

這張 HTML 頁面包含一個 <div> 和一個 <button>。

<div> 用于顯示來自服務器的信息。

<button> 調用函數（當它被點擊）。

該函數從 web 服務器請求數據并顯示它：

Function loadDoc()

function loadDoc() {

  var xhttp = new XMLHttpRequest();

  xhttp.onreadystatechange = function() {

    if (this.readyState == 4 && this.status == 200) {

     document.getElementById("demo").innerHTML = this.responseText;

    }

  };

  xhttp.open("GET", "ajax_info.txt", true);

  xhttp.send();

} 

到此，關于“JavaScript中怎么用AJAX更改文本”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續(xù)學習更多相關知識，請繼續(xù)關注創(chuàng)新互聯網站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>

當前文章：JavaScript中怎么用AJAX更改文本
標題鏈接：http://muchs.cn/article8/pjjpip.html

成都網站建設公司_創(chuàng)新互聯，為您提供網站導航、網站建設、網站收錄、電子商務、品牌網站設計、搜索引擎優(yōu)化

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯

成都網站建設