Ajax 无刷新取数
来源:互联网 发布:9院13所 知乎 编辑:程序博客网 时间:2024/05/30 02:52
最近、做个项目、肯跌啊、不让用成型的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
- Ajax 无刷新取数
- ajax+jsp异步无刷新从DB取数据
- Ajax异步 无刷新修改数据传值部分
- Ajax删除记录,无刷新更改页面总记录数
- ajax无刷新技术
- ajax无刷新投票~~
- Ajax无刷新评论
- ajax局部无刷新
- Ajax页面无刷新
- ajax 无刷新验证
- Ajax 提交无刷新
- ajax无刷新技术
- AJAX无刷新评论
- ajax 无刷新分页
- ajax 无刷新删除
- ajax无刷新分页
- Ajax Json 无刷新
- ajax无刷新
- JSTL标签库
- web push pull technology
- C#如何写DBHelper 类(数据库连接和操作)
- 6410之次设备号的作用
- 各类IT编程视频教程下载网址大全
- Ajax 无刷新取数
- POJ1753 Flip Game
- Unity 3D学习笔记(三)——关于脚本
- poj 1006 Biorhythms 生理周期
- 【硬件快讯§iPad mini定位清晰终究不会那么完美§】
- 批量VS多线程
- HEVC之CU、PU、TU分析
- 【转】OpenCV中的assert函数
- 侃侃单片机裸奔的程序框架