• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
x^y
零度空间
博客园    首页    新随笔    联系   管理    订阅  订阅

浅谈AJAX2

加载数据所在的服务器

Ajax可以从其他网站获取资源数据,也可以从本地的XML文件中获取,加载数据服务器的语法如下:

其中:xmlhttp .open(method,url,bool);

method:表示http的请求方法,有五种,get,post,head,put,delete。其中get和post最常用。

URL:表示数据的地址。如果是本地文件,则指定具体路径;如果位于其他网站,则指定网站的完全URl地址。

bool:表示是否适用异步获取。TRUE表示异步,FALSE表示同步。

如异步加载百度网站内容的语句:

xmlhttp.open("get",http://www.baidu.com/,true);

异步加载本地data.xml文件

 xmlhttp.open("get","data.xml",true).

异步调用服务器状态的变化

一旦客户端开始与服务端进行交互,要控制客户端的改变,就需要判断目前交互的状态。

1:未初始化- 异步对象创建完毕,并未使用OPEN方法

2:初始化- 异步对象创建完毕,并未使用SEND方法发送请求

3:数据正在传送 -正在接收数据,但并未完成

4:异步调用完成 -调用完成,可以使用ResponseText和 ResponseXML获取数据

异步调用在开始请求前,需要先将状态改变时的事件与JAVASCRIPT定义的方式挂钩,语法如下:

xmlhttp.onreadystatechange=方法名;

代码如如下:

Code
<script language="javascript">
xmlhttp.onreadystatechange
=stateDO;//方法后面不带括号
function stateDO()
{
//返回的状态代码=200,表示调用成功
if(xmlhttp.readystate==4 &&xmlhttp.status==200)
{
 alert(
"异步调用成功");
}

}
</script>

发出一个HTTP请求

例如调用一个网页,不可能把所有的网页数据都下载过来,,而是通过在发送请求时设置的参数有选择地挑选数据。语法如下:

xmlhttp.send(params);

params为可选择的参数,如果请求数据不需要参数,可以直接在括号中以 NULL表示。

当系统调用SEND方法后,后台与服务器数据的交互才真正开始,状态编号开始改变。开发人员可以在状态处理方法中处理网站需要的更改。

处理异步获取的数据

客户端获取的数据主要有:文本型和XML类型。文本类型数据使用XMLHttp.ResponseText获取,XML类型使用XMLHttp.RequestXML获取。

 

 

 

posted @ 2009-02-19 12:51  x^y  阅读(1113)  评论(1)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3