文档章节

Ajax无刷新数据更新

lgscofield
 lgscofield
发布于 2015/06/26 13:59
字数 245
阅读 5
收藏 0
<script type="text/javascript">

//异步请求对象
var xmlRequest;

//得到请求对象 
function getXMLHttpRequestObject() {

//不同的浏览器创建方式不同
try {
xmlRequest = new XMLHttpRequest(); //Firefox ,safari
} catch (e) {
//IE
try {
xmlRequest = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
xmlRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlRequest;//返回
}
//检查用户是否存在
function checkType(selectType) {
alert(selectType);
//用户名输入不能为空
if (selectType == "") {
document.getElementById("selectType").innerHTML = "<font color='red'>&nbsp;不能为空!</font>";
return;
}
//得到请求对象
xmlRequest = getXMLHttpRequestObject();
if (xmlRequest == null) {
alert("您的浏览器不支持AJAX!");
return;
}
var url = "/datacenter/analysisBLOAction.action"; //请求页面
url += "?selectType=" + selectType; //用户名
url = encodeURI(url);
url = encodeURI(url);
xmlRequest.onreadystatechange = stateChanged;//状态改变调用函数
xmlRequest.open("POST", url, true);
//xmlRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
xmlRequest.send(null); // 发送请求
}
//是否已经存在检查
function stateChanged() {
if (xmlRequest.readyState == 4) {
if (xmlRequest.status == 200) {
showMess();
} else {
//页面不正常
window.alert("您所请求的页面有异常。");
}
} else {
//请求状态还没有成功,页面等待
document.getElementById("selectType").innerHTML = "检查中...";
}
}
//检查 异步处理显示信息
function showMess() {
var message = xmlRequest.responseText;
document.getElementById("selectType").innerHTML = message;
}
</script>

本文转载自:http://lgscofield.iteye.com/blog/1496779

共有 人打赏支持
lgscofield

lgscofield

粉丝 23
博文 140
码字总数 63036
作品 0
南京
架构师
私信 提问
java中如何把后台数据推送到页面上

之前的一个项目,情况如下: 页面使用Ajax定时刷新一次,每次刷新就到后台中查询比对,如果数据有变化,则刷新,更新数据,但是没变化得话也会刷新一次,所以这很纠结。。。 现在想做成从后台...

ForingY
2015/11/26
3.3K
2
javascript-ajax基础

AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新(特点:1...

悠哈121
2018/07/23
0
0
JavaScript本来就很简单(神说ajax)

js中的ajax ajax:异步的JavaScript和XML,首先它是一门用于前后台数据交互的技术,这里有两个比较有趣的概念(同步与异步)说白了就是后台传回来的数据,同步的话,你必须刷新页面才能更新数...

云焱
2017/09/24
0
0
struts2+jquery 实现ajax无刷新更新数据

前几天为了实现一个struts 的 ajax无刷新更新数据的例子,发现网上资料很少,很多已经过时或者链接都失效了 不过整合他们的资料,加上自己的研究,终于实现了效果 要求:1、各个学院提交学生...

murongqingsi
2015/09/28
1K
0
Echart 用Ajax更新数据后,setOption,之前多余的数据在图表上没有被刷新掉。

Echart 用Ajax更新数据后,setOption,之前多余的数据在图表上没有被刷新掉。 比如说:第一次图表上显示了,如下数据 {"series0data":[3,3,3,4,1],"xAxis0data":["2014年 Q1","2014年 Q2","2......

tcoe
2015/10/31
3.1K
4

没有更多内容

加载失败,请刷新页面

加载更多

js 写文件

//写文件function doSave(value, type, name) {    var blob;    if (typeof window.Blob == "function") {        blob = new Blob([value], {type: type});    }......

重城重楼
7分钟前
0
0
Ubuntu and Apache 搭建 Let's Encrypt SSL Https

本文参考来着来自https://www.howtoing.com/install-free-lets-encrypt-ssl-certificate-for-apache-on-debian-and-ubuntu 感谢作者的分享 本事例环境介绍 ubuntu (Version 16.04.1 LTS) ubu......

罗培海
10分钟前
5
0
如何优雅的使用RabbitMQ

目录 RabbitMQ无疑是目前最流行的消息队列之一,对各种语言环境的支持也很丰富,作为一个.NET developer有必要学习和了解这一工具。消息队列的使用场景大概有3种: 1、系统集成,分布式系统的...

编程SHA
13分钟前
0
0
阿里开发者们的第19个感悟:Simple is better.

1月16日,Simple is better.这是我们送给开发者的第19个感悟。 Mars,基于矩阵的统一计算框架。已经开源。那么:Mars 是什么,能做什么,怎么做的;Mars 如何分布式地执行等。可以与继盛多交...

阿里云官方博客
14分钟前
1
0
StringBuffer 和 StringBuilder 的 3 个区别

StringBuffer 和 StringBuilder 它们都是可变的字符串,不过它们之间的区别是 Java 初中级面试出现几率十分高的一道题。这么简单的一道题,栈长在最近的面试过程中,却经常遇到很多求职者说反...

Java技术栈
17分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部