AJAX学习

本文详细介绍了XMLHttpRequest对象的主要属性,如onreadystatechange、responseText等,并通过一个简单的AJAX示例展示了如何使用这些属性来实现客户端与服务器之间的异步交互。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

今天看了XMLHttpRequest 的属性:

onreadystatechange

//当改变状态时都会触发这个事件,通常会调用 JavaScript 函数.

//状态有5个值:  0:未初始化.   1:正在加载.   2:已加载.    3:交互中.   4:完成.

responseTest

//服务器的响应,表示为一个串.

responseXML

 //服务器的响应,表示为 XML

status

//服务器HTTP的状态编号  (  200 对应OK,404 对应没有找到.   还有很多,大家可以上

网找找.........................)

statusTest       

//服务器HTTP的状态文本  ( OK,Not Found.   还有很多,大家可以上网找

找.........................)

=============================================================================

=

一个简单的例子:

客户端触发一个AJAX事件.

html代码
  1. <input type="text" id="email" name="发送邮件" onblur="validateemail()";>  

=========================================================

下面是 validateemail 函数:

js 代码
  1. var xmlHttp;   
  2.   
  3. function validataemail()   
  4.   
  5. {   
  6.   
  7.         var email=document.getElemenById("email");   
  8.   
  9.         var url="validate?email=" + escape (email.value);   
  10.   
  11.         if (window.ActiveXObject)   
  12.   
  13.         {   
  14.   
  15.                  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");   
  16.   
  17.         }   
  18.   
  19.         else if(window.XMLHttpRequest)   
  20.   
  21.        {   
  22.   
  23.                 xmlHttp=new XMLHttpRequest   
  24.   
  25.         }   
  26.   
  27.        xmlHttp.open("GET",url);   
  28.   
  29.        xmlHttp.onreadystatechange=callback;   
  30.   
  31.        xmlHttp.send(null);   
  32.   
  33. }   
  34.   
  35. '***********************************************************************/   
  36. '* Function Name: callback                                                                     */   
  37. '* Input Arguments:                                                                                   */   
  38. '* Out Arguments :                                                                                     */   
  39. '* :                                                                                                                 */   
  40. '* Description : 检查 XMLHttpRequest 的 readyState 属性,   
  41.   
  42.                            看服务器返回的状态码.                                                 */   
  43. '* Author :                                                                                                    */   
  44. '* Date : 2006-11-30                                                                                 */   
  45. '***********************************************************************/   
  46.   
  47. function callback()   
  48.   
  49. {   
  50.   
  51.          if (xmlHttp.readyState==4)   
  52.   
  53.          {   
  54.   
  55.                   if (xmlHttp.status==200)   
  56.   
  57.                   {   
  58.   
  59.                           //做你想做的事.   
  60.   
  61.                   }   
  62.   
  63.           }   
  64.   
  65. }   
  66.   
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值