通过实例来理解ajax
2024-08-25 09:44:42
点击一个按钮,然后将信息显示到指定的div内。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>FirstTest.html</title>
<script language="javascript">
function onclickAjax(){
var xmlHttp;
//分浏览器创建XMLHttp对象
if(window.XMLHttpRequest){
xmlHttp=new XMLHttpRequest();
}else if(window.ActiveXObject){
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP")
}
//设置请求类型
xmlHttp.open("POST","test.do?method=ajaxTest&&msg="+new Date(),true);
//回调函数
xmlHttp.onreadystatechange=function(){
if(xmlHttp.readyState==4){
if(xmlHttp.status==200){
document.getElementById("testid").value=xmlHttp.responseText;
}else{
alert("AJAX服务器返回错误!");
}
}
}
//发送请求
xmlHttp.send();
}
</script>
</head> <body>
<input type="button" value="测试" onclick="onclickAjax()">
<div id="testid">
</div>
</body>
</html>
具体参考http://www.cnblogs.com/lsnproj/archive/2012/02/07/2340395.html
http://www.cnblogs.com/lsnproj/archive/2012/02/09/2341524.html
http://www.cnblogs.com/aylin/p/5732242.html(包含跨域)
最新文章
- MyEclipse 2014(激活)
- fabric devenv Vagrantfile配置
- 在活动中使用Menu
- 攻城狮在路上(叁)Linux(十五)--- 文件与目录的默认权限与隐藏权限
- iOS解决两个静态库的冲突 duplicate symbol
- Python爬虫——Python 岗位分析报告
- JS生成 UUID的方法
- Ubuntu下启动 Redis时, 提示 "Can't open the log file: Permission denied failed"
- php中按值传递和按引用传递的一个问题
- 10BASE
- C语言 &#183; 字符删除
- 我的Cocos Creator成长之路1环境搭建以及基本的文档阅读
- 第二阶段每日站立会议Third Day
- Java核心技术-泛型程序设计
- 详解Spark sql用户自定义函数:UDF与UDAF
- maven学习(七)后续扩展、资料
- 【CQOI 2007】 余数求和
- jstat命令
- 使用Amoeba for mysql实现mysql读写分离(测试可行)
- 初步学习pg_control文件之九