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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!