`

AJAX学习

AjaxJavaScriptMicrosoftXMLHTML 
阅读更多

今天看了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.   
分享到：
| 使用 javascript 函数 完美控制页面图片显 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics