AJAX简单实例
来源:互联网 发布:db2 oracle sqlserver 编辑:程序博客网 时间:2024/05/22 16:38
function requestHttp(){
var request;
if(window.XMLHttpRequest) {
request = new XMLHttpRequest();
if(request.overrideMimeType) {request.overrideMimeType('text/xml');
}
} else if(window.ActiveXObject) {
var versions = ['Microsoft.XMLHTTP', 'MSXML.XMLHTTP', 'Microsoft.XMLHTTP', 'Msxml2.XMLHTTP.7.0', 'Msxml2.XMLHTTP.6.0', 'Msxml2.XMLHTTP.5.0', 'Msxml2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP'];
for(var i=0; i<versions.length; i++) {try
{request = new ActiveXObject(versions[i]);break;}
catch(e) {}
}}
return request;
}
function xmlhttp(){
this.r=requestHttp();
}
xmlhttp.prototype.postopen=function(url,data){
this.r.open('POST',url,false);
this.r.setrequestheader("content-type","application/x-www-form-urlencoded");
this.r.onreadystatechange = ReadyStateChange(this);
if(typeof(data)=='undefined')
this.r.send();
else
this.r.send(data);
}
xmlhttp.prototype.getopen=function(url){
if(window.XMLHttpRequest) {this.r.open('GET',url);
this.r.onreadystatechange = ReadyStateChange(this);
this.r.send(null);
} else {
this.r.open("GET", url, true);
this.r.onreadystatechange = ReadyStateChange(this);
this.r.send();
}
}
ReadyStateChange=function(obj){
return function(){
if(obj.r.readyState==4){
obj.status=obj.r.status;
obj.text=obj.r.responseText;
obj.body=obj.r.responseBody;
callpage();
}
}
}
把这个别存为Shopajax.js
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script type="text/javascript" src="shopajax.jss"></script>
</HEAD>
<BODY>
<div id="as"></div>
<SCRIPT LANGUAGE="JavaScript">
<!--
var ajax=new xmlhttp();
debugger
ajax.getopen("1.html");
function callpage(){
if(ajax.status==0){//本地为0,远程为200
var obj=eval('('+ajax.text+')');
document.getElementById("as").innerHTML="年纪:"+obj.Age+"<br>薪水:"+obj.Money;
}
}
//-->
</SCRIPT>
</BODY>
</HTML>
这个随便存一个页面保存为index.html
{"Money":2000.00,"Age":21}
把这个存成一个1.html
保存完后,点击Index.html就可以看到Div里面有值了。值是从1.html里面取到的。这个过程实现 了Ajax
- Ajax应用简单实例
- Ajax简单实例
- AJAX简单实例
- 简单的ajax实例
- Ajax简单实例
- ajax简单实例
- Reverse Ajax简单实例
- ASP+AJAX简单实例
- Ajax简单实例
- ajax简单实例
- 简单Ajax实例
- AJAX简单实例
- AJAX简单实例
- ajax简单实例
- struts2+ajax简单实例
- 简单的Ajax实例
- ASP+AJAX简单实例
- ajax 简单实例
- (转载)串口驱动分析 Auth:nasiry
- 基于VB的流媒体解码与播放技术
- C#中如何进行String.Format格式说明
- 第3章 JSP语法基础--JAVA基础知识
- 客户关系帮助销售
- AJAX简单实例
- 使用MFC开发ActiveX控件时修改注册表来标记控件为安全
- 第3章 JSP语法基础--JAVA基础知识
- 关于EXT结合JXL(系列之三)导入Excel文件的一点点个人收获...(jxl中间插叙)
- 一种基于VB的流媒体播放系统研究及应用
- 贵在坚持
- VMware虚拟机和宿主机共享文件夹(windows,linux)
- SAP学习笔记(HR模块学习笔记)
- 八大胜博彩中奖都没有春运买票难!