AJAX(学习笔记)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function loadXMLDoc()
{
    var xmlhttp;
    if (window.XMLHttpRequest)
    {
        //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
        xmlhttp=new XMLHttpRequest();
    }
    else
    {
        // IE6, IE5 浏览器执行代码
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET","/try/ajax/ajax_info.txt",true);
    xmlhttp.send();
}
</script>
</head>
<body>

<div id="myDiv"><h2>使用 AJAX 修改该文本内容</h2></div>
<button type="button" onclick="loadXMLDoc()">修改内容</button>

</body>
</html>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 慕课网Ajax全接触 Ajax全称: Asynchronous JavaScript and XML(异步的Jav...
    垃圾简书_吃枣药丸阅读 4,097评论 0 8
  • AJAX之前 回顾一下最早向服务器发请求的方式 表单发送,最早的发请求方式,可以发各种类型的请求,缺点是每次发送完...
    Criya阅读 2,325评论 0 1
  • %1.AJAX = Asynchronous JavaScript and XML(异步的 JavaScript ...
    wangzaiplus阅读 2,801评论 0 0
  • 一、Ajax技术概念 Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。Ajax的全称是As...
    远远暖暖阅读 2,767评论 0 0
  • 最近几天很懒,没有读书也没有运动,当然也没有放开的玩和休息。每天都是想看书却在玩手机中度过,出去玩又想着今天又浪费...
    LornaWang阅读 2,563评论 0 0