Ajax 无刷新取数

前端之家收集整理的这篇文章主要介绍了Ajax 无刷新取数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@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

猜你在找的Ajax相关文章