最近、做个项目、肯跌啊、不让用成型的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