Ajax异步刷新
注意:
1、<div id="iframe">显示刷新的内容</div>
2、调用异步刷新:javascript:OnLink('地址')
<!--ajax异步刷新-->
<script type="text/javascript">
//创建XMLHttpRequestc对象
var xmlHttp=false;
//判断浏览器
function createXMLHttpRequest(){
if(window.ActiveXObject){//IE浏览器
try{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){}
}
}else{//其他浏览器:如mozilla 的 fireFox(火狐) 或者 netscape 7
xmlHttp=new XMLHttpRequest();
}
}
//提交获得值后的方法
function OnShow(){
if(xmlHttp.readyState==4){
if(xmlHttp.status==200){
var info=xmlHttp.responseText;
document.getElementById("iframe").innerHTML=info;
}
}
}
//要调用的方法
function OnLink(URL){
createXMLHttpRequest();
xmlHttp.open("post",URL,true);
xmlHttp.onreadystatechange=OnShow;
xmlHttp.send(null);
}
</script>
相关文档:
在《Pragmatic Ajax A Web 2.0 Primer 》中偶然看到对readyStae状态的介绍,感觉这个介绍很实在,摘译如下:
0: (Uninitialized) the send( ) method has not yet been invoked.
1: (Loading) the send( ) method has been invoked, request in progress.
2: (Loaded) the send( ) method has completed, entire respons ......
到此为止,你可能已经注意到,使用Ajax编程时有很多麻烦事。如果你要支持多个浏览器(现在还有谁只支持一个浏览器呢?),无疑会遭遇不兼容问题。单看一个简单的动作,比如说创建XMLHttpRequest对象的一个实例,这需要先进行浏览器测试。一旦开始尝试使用Ajax技术,你很快就会注意到要反复地完成同样的一些任务。当然, ......
折腾了好长时间,终于在今天用JsTree插件实现了Ajax异步加载节点的功能。
Zero.aspx页,该页用于显示树控件。
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Zero.aspx.cs" Inherits="VistaToNewSchol.Zero" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/ ......
1.XMLHttpRequest对象
open("method","URL""[,asyncFlag[,"userName"[, "password"]]])
建立对服务器的访问。其中method参数可以使用GET、POST及PUT,URL参数既可以使用绝对地址,也可以使用相对地址,此外还包括与建立连接相关的三个参数
&nbs ......