Ajax 无刷新取数

前端之家收集整理的这篇文章主要介绍了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

原文链接:https://www.f2er.com/ajax/166105.html

猜你在找的Ajax相关文章