美文网首页
Ajax简单get请求

Ajax简单get请求

作者: zyh9212 | 来源:发表于2016-04-05 19:03 被阅读699次

    异步 - True 或 False?
    AJAX 指的是异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。
    XMLHttpRequest 对象如果要用于 AJAX 的话,其 open() 方法的 async 参数必须设置为 true:
    xmlhttp.open("GET","ajax_test.asp",true);
    对于 web 开发人员来说,发送异步请求是一个巨大的进步。很多在服务器执行的任务都相当费时。AJAX 出现之前,这可能会引起应用程序挂起或停止。
    通过 AJAX,JavaScript 无需等待服务器的响应,而是:

    在等待服务器响应时执行其他脚本
    当响应就绪后对响应进行处理

    <html>
    <head>
    <script type="text/javascript">
    function loadXMLDoc()
    {
    var xmlhttp;
    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
    }
    else
    {// code for 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","/ajax/demo_get.asp",true);
    xmlhttp.send();
    }
    </script>
    </head>
    <body>

    <h2>AJAX</h2>
    <button type="button" onclick="loadXMLDoc()">请求数据</button>
    <div id="myDiv"></div>

    </body>
    </html>

    点击前:


    Paste_Image.png

    点击后:


    Paste_Image.png

    相关文章

      网友评论

          本文标题:Ajax简单get请求

          本文链接:https://www.haomeiwen.com/subject/ctbplttx.html