@H_403_0@最近、做个项目、肯跌啊、不让用成型的js库、没有办法、又要做无刷新的效果展示、哎、那只能是手动写点 JS 的效果了.
@H_403_0@不多说了、直接上效代码
@H_403_0@
@H_403_0@一:js ajax 编写:
@H_403_0@var xmlHttp;
@H_403_0@
var ajaxResult;
@H_403_0@
function createXMLHttpRequest() {
@H_403_0@ if (window.XMLHttpRequest) {// Firefox,Opera 8.0+,Safari
@H_403_0@
@H_403_0@ xmlHttp = new XMLHttpRequest();
@H_403_0@
@H_403_0@ }else if (window.ActiveXObject) { //IE
@H_403_0@
@H_403_0@ xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
@H_403_0@
@H_403_0@ }else{
@H_403_0@
@H_403_0@ xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
@H_403_0@
}
@H_403_0@}
function startRequest(url) {
@H_403_0@
createXMLHttpRequest();
@H_403_0@
xmlHttp.open("GET",url,false);
@H_403_0@
@H_403_0@ 参数为true时: xmlHttp.onreadystatechange=this.functionName(); 返回调用的函数名称
@H_403_0@
xmlHttp.send(null);
@H_403_0@//交互完成.
if(xmlHttp.readyState == 4){
@H_403_0@//状态码:正常交换完成.
if(xmlHttp.status == 200){
@H_403_0@
ajaxResult = xmlHttp.responseText;
}
xmlHttp=null;
}
return ajaxResult;
}
@H_403_0@
@H_403_0@二:java 代码编写:使用HttpServletResponse来相应。
@H_403_0@
response.setCharacterEncoding("UTF-8");
@H_403_0@
response.setContentType("text/html");
@H_403_0@
String str = "这是在测试 ajax 性能";
@H_403_0@
response.getWriter().print(str);
@H_403_0@
@H_403_0@三:页面使用、在使用的时候,需要使用eval函数转换一下。如下
@H_403_0@
var result= startRequest(url);
@H_403_0@
var objectBean = eval("("+result+")");
@H_403_0@
var localTime=objectBean.showTime;
@H_403_0@
@H_403_0@ var loaclNames =objectBean.localNames;
@H_403_0@
@H_403_0@关于其中的open方法、可以看看http://www.111cn.net/wy/js-ajax/45585.htm
@H_403_0@http://www.cnblogs.com/xh831213/archive/2007/10/08/916681.html