zoukankan      html  css  js  c++  java
  • 王雨的JavaScript练习03---Ajax初体验

    AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。

    AJAX 不是新的编程语言,而是一种使用现有标准的新方法。

    AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。

    AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。

    html:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <div id="new"></div>
    <script src="script/addLoadEvent.js"></script>
    <script src="script/getHTTPObject.js"></script>
    <script src="script/getNewContent.js"></script>
    </body>
    </html>

    js:

    function addLoadEvent(func) {
        var oldonload = window.onload;
        if (typeof window.onload != 'function') {
            window.onload = func;
        } else {
            window.onload = function() {
                oldonload();
                func();
            }
        }
    }
    
    function getHTTPObject() {
        if (typeof XMLHttpRequest == "undefined")
            XMLHttpRequest = function () {
                try { return new ActiveXObject("Msxml2,XMLHTTP.6.0"); }
                catch (e) {}
                try { return new ActiveXObject("Msxml2,XMLHTTP.3.0"); }
                catch (e) {}
                try { return new ActiveXObject("Msxml2,XMLHTTP"); }
                catch (e) {}
                return false;
            }
            return new XMLHttpRequest();
    }
    
    function getNewContent() {
        var request = getHTTPObject();
        if (request){
            request.open("GET","example.txt",true);
            request.onreadystatechange = function () {
                if (request.readyState == 4){
                    var para = document.createElement("p");
                    var txt = document.createTextNode("request.responseText");
                    para.appendChild(txt);
                    document.getElementById("new").appendChild(para);
                }
            };
            request.send(null);
        }else {
            alert('抱歉,你的浏览器不支持XMLHttpRequest')
        }
    }
    addLoadEvent(getNewContent);
  • 相关阅读:
    信息收集
    beef框架使用
    网站程序CMS识别
    查找网站后台
    下载漏洞原理及利用
    后台拿webshell方法(2)
    如何学好web安全
    TIME_WAIT过多的解决方法(转)
    sudo
    keepalived+lvs子网掩码造成VIP切换故障 + vrrp_script+track_script
  • 原文地址:https://www.cnblogs.com/blogwy/p/6858699.html
Copyright © 2011-2022 走看看