posts - 119, comments - 62, trackbacks - 0, articles - 0

Ajax学习手记

Posted on 2006-05-08 20:33 Kevin Meng 阅读(188) 评论(0)  编辑  收藏
以前对javaScript总是有一定的成见，以为他绝对不是一种入流的语言，但是现在Ajax这么火，不看看总感觉自己落伍了，所以买了一本《Fountations of Ajax》学学，发现原来Ajax是如此的简单。
前几天刚刚换了工作，到了这边就得独挡一面了，所以便花心思去研究了一下客户端开发。对JavaScript的有了更深入的了解。这时候才不得不感谢Ajax，因为有了Ajax才使得JavaScript开发如此流行，越来越多得开源社区开始为JavaScript开发提供了功能强大的开发工具，JavaScript开发也可以象Java开发一样令人尝心悦目了。

开发环境：
Eclipse 3.1
JSEclipe
JDK 1.5
Struts 1.2

（1）先建立几个Ajax开发需要的基本函数：
Ajax.js

function createXMLHttpRequest(){
    if(window.ActiveXObject){
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }else if(window.XMLHttpReuqest){
        xmlHttp=new XMLHttpRequest();
    }
}
function sendRequest(strURL){
    alert(strURL);
    this.createXMLHttpRequest();
    xmlHttp.onreadystatechange=handleStateChange;
    xmlHttp.open("POST",strURL,true);
    xmlHttp.send(null);
}
function handleStateChange(){
    if(xmlHttp.readyState==4){
        if(xmlHttp.status==200){
            alert(xmlHttp.responseText);
        }
    }
}

（2）用Struts新建一个Action，访问路径为/testAction.do
（3）调用这个Action
var strURL="/testAction.do?test=true&x=100&y=100";
sendRequest(strURL);

这就可以了，非常简单。
没有了解Ajax之前，我大量用iFrame来实现类似Ajax的局部更新功能，其实也顶好，不过象动态更新下拉框等功能，用Iframe来实现简直是太大才小用了。

Ajax确实有点cool，但也不要乱玩哦。因为JavaScript代码的可维护性和健壮当然没有Java的好，但代码量越来越大时，其弱点更明显。所以还是要适可而止。

JavaScript开发的一些技巧：
（1）把IE的调试功能打开，便于调试错误：
选择 工具-Internet选项-高级-浏览，把禁用脚本调试去掉。
 

只有注册用户登录后才能发表评论。
网站导航: