最近有时间看了一下最近钞作比较厉害的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