JavaScript AJAX 교육-JS와 컨설턴트의 상호작용 By팽23

9. Ajax 教學
    電腦中的路徑:桌面\www\網頁檔案
    對應的網址:http://127.0.0.1:1127/網頁檔案

    主頁 http://127.0.0.1:1127/page.htm
    資料頁 http://127.0.0.1:1127/popular.htm
    資料頁 http://127.0.0.1:1127/latest.htm

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"></meta>
    <title>Ajax 教學</title>
    <script type="text/javascript">
    //alert("hello");
    function getData(pageName){
        // Ajax:XMLHttpRequest 物件專門用來和伺服器做連綫
        var req = new XMLHttpRequest();
        // 連綫的方法get,連綫的網址
        req.open("get","http://127.0.0.1:1127/" + pageName);
        // 利用load事件,偵測連綫的狀態結束
        req.onload = function(){
            var content = document.getElementById("content");
            // 連綫完成 做連綫後的處理 (取得伺服器的回應responseText)
            content.innerHTML = this.responseText;
        }
        req.send(); // 送出連綫
    }
    </script>
</head>
<!-- 網頁初始化 首頁的顯示 -->
<body  onload="getData('popular.htm');">

    <div>
        <button onclick="getData('popular.htm');">florencekwok1</button>
        <button onclick="getData('latest.htm');">florencekwok2</button>
    </div>
    <hr />
    <div id = "content"></div>
    </body>

</html>

Reference

이 문제에 관하여(JavaScript AJAX 교육-JS와 컨설턴트의 상호작용 By팽23), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/oxiaobaio/items/8e131109a0562d40aea6

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

JavaScript AJAX 교육-JS와 컨설턴트의 상호작용 By팽23

Reference

좋은 웹페이지 즐겨찾기