随笔-109  评论-187  文章-25  trackbacks-0
 
最近有时间看了一下最近钞作比较厉害的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来做真正的进度条,解决一个假进度的问题,绝对是个不错的主意
posted on 2006-04-13 08:44 小小程序程序员混口饭吃 阅读(164) 评论(0)  编辑  收藏 所属分类: java

只有注册用户登录后才能发表评论。


网站导航: