Ajax 无刷新取数

最近、做个项目、肯跌啊、不让用成型的js库、没有办法、又要做无刷新的效果展示、哎、那只能是手动写点 JS 的效果了.

不多说了、直接上效代码

一：js ajax 编写：

var xmlHttp;

var ajaxResult;

function createXMLHttpRequest() {

    if (window.XMLHttpRequest) {// Firefox, Opera 8.0+, Safari

        xmlHttp = new XMLHttpRequest();

    }else if (window.ActiveXObject) { //IE

        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

    }else{

        xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");

    }

}

function startRequest(url) {

    createXMLHttpRequest();

    xmlHttp.open("GET", url, false); 

   参数为true时： xmlHttp.onreadystatechange=this.functionName(); 返回调用的函数名称

   
    xmlHttp.send(null);

//交互完成.
    if(xmlHttp.readyState == 4){ 

//状态码:正常交换完成.
        if(xmlHttp.status == 200){

            ajaxResult = xmlHttp.responseText;
        }
        xmlHttp=null;
    }
    return ajaxResult;
}

二：java 代码编写：使用HttpServletResponse来相应。

        response.setCharacterEncoding("UTF-8");

        response.setContentType("text/html");

        String str = "这是在测试 ajax 性能";

        response.getWriter().print(str);

三：页面使用、在使用的时候，需要使用eval函数转换一下。如下

        var   result= startRequest(url);

        var objectBean = eval("("+result+")");

        var localTime=objectBean.showTime;

        var loaclNames =objectBean.localNames;

关于其中的open方法、可以看看http://www.111cn.net/wy/js-ajax/45585.htm

http://www.cnblogs.com/xh831213/archive/2007/10/08/916681.html