ajax 读书笔记

最近有时间看了一下最近钞作比较厉害的AJAX，感觉确实有些好的地方，我认为主要在2个点上

1：XMLHTTP
2:   DOM
3：JAVASCRIPT对dom的便利

只要熟悉这3个方面的东西ajax并不难掌握

至于ajax 的engine，并没有去使用和熟悉，51期间可以好好利用这个时间熟悉一下，用在 www.sowq.com的开发上

一下程序从网站上抄来的

URL:http://lilac.greatweb.cn/zhangyuanyi/weblog/2005/11/ajax1-helloworld.html

<HTML>
        <HEAD>
        <TITLE> AJAX指南(1) ---- Hello,world! </TITLE>
        </HEAD>
        <BODY onload="HelloWorld()">
        <DIV ID="ajax-sample">
        </DIV>
        </BODY>
        </HTML>

function getHTTPObject()
        {
                var http;
                var browser = navigator.appName;

                if(browser == "Microsoft Internet Explorer")
                {
                        //如果用户使用IE，就返回XMLHTTP的ActiveX对象
                        http = new ActiveXObject("Microsoft.XMLHTTP");
                }
                else
                {
                        //否则返回一个XMLHttpRequest对象
                        http = new XMLHttpRequest();
                }

                return http;
        }

得到HTTP请求对象之后，我们需要向服务段发送请求，假设服务端为hello.php，下面的代码负责获取服务端的响应：

        //获取全局的HTTP请求对象
        var http = getHTTPObject();

        //处理请求状态变化
        function getHello()
        {
                //4表示请求已完成
                if (http.readyState == 4)
                {
                        //获取服务段的响应文本
                        var helloStr = http.responseText;

                        //插入响应到ID为ajax-sample的DIV标签内
                        document.getElementById("ajax-sample").innerHTML = helloStr;
                }
        }

        function HelloWorld()
        {
                var url = "hello.php";

                //指定服务端的地址
                http.open("GET", url, true);
                //请求状态变化时的处理函数
                http.onreadystatechange = getHello;
                //发送请求
                http.send(null);
        }

上面的这段程序就用到了xmlhttp,非常明了，不过可以考虑用http的state来做真正的进度条，解决一个假进度的问题，绝对是个不错的主意

ajax 读书笔记

你可能感兴趣的:(ajax 读书笔记)