`
阅读更多

今天看了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.   
分享到:
评论

相关推荐

    Ajax学习资料+实例

    【Ajax学习资料+实例】 Ajax,全称Asynchronous JavaScript And XML,是一种在2005年由Google推广的技术,它不是一种新的编程语言,而是一种利用已有标准(如JavaScript和HTTP请求)来创建交互性更强、运行更高效...

    .net中ajax学习解决方案

    "ajax学习"可能是一个包含教程、示例代码和讲解文档的文件或文件夹,而"ajaxѧϰ"可能是教学材料或练习项目,"ѧϰ"在拼音中代表"学习",因此这很可能是针对AJAX技术的学习资料。 以下是一些关于.NET中AJAX技术的...

    jquery、ajax学习电子书.zip

    《jQuery与Ajax学习指南》是一本专为初学者和有一定JavaScript基础的开发者设计的电子书,旨在帮助读者深入理解和熟练掌握这两个在实际Web开发中不可或缺的技术。jQuery是一个强大的JavaScript库,它极大地简化了DOM...

    Ajax 学习笔记,超详细的噢!不看后悔

    在这份超详细的Ajax学习笔记中,我们将深入探讨以下几个关键知识点: 1. **基础概念**:Ajax的核心是JavaScript对象XMLHttpRequest,它使得前端和后端能够进行异步通信。异步意味着用户在等待服务器响应时可以执行...

    ajax学习文档 很好的学习文档 希望大家好好的利用哦

    【Ajax学习文档】深入解析 Ajax,全称Asynchronous JavaScript and XML,是一种在不刷新整个网页的情况下,能够更新部分网页内容的技术。它并不是一项新技术,而是由一系列已存在的技术组合而成,包括JavaScript、...

    ajax 学习笔记源代码

    ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习...

    AJAX学习总结(一)--基于jQuery第一个实例

    在本篇“AJAX学习总结(一)--基于jQuery第一个实例”中,我们将探讨如何使用jQuery库实现异步JavaScript和XML(AJAX)技术。AJAX允许我们在不刷新整个页面的情况下,更新网页的部分内容,从而提供更流畅的用户体验...

    ajax ajax原理 ajax代码 ajax编程 ajax学习

    - **jQuery 和 Axios**:学习Ajax时,可以了解jQuery的$.ajax()方法和现代JavaScript库Axios,它们都提供了更方便的接口来处理Ajax请求。 在项目中,Ajax常用于实现动态加载、表单提交、实时通讯等功能。随着前端...

    AJAX学习笔记(内含实例)

    AJAX学习笔记。内含Java调用的两个实例,及JavaScript的ajax工具函数,可快速入门,也可当手册使用。个人精心整理,值得收藏。 更多:http://download.csdn.net/user/daillo/all

    掌握Ajax 学习资料pdf

    掌握 Ajax第 1 部分-Ajax 简介 掌握 Ajax第 2 部分-使用 JavaScript 和 Ajax 发出异步请求 掌握 Ajax第 3 部分-Ajax 中的高级请求和响应 掌握 Ajax第 4 部分-利用 DOM 进行 Web 响应 掌握 Ajax第 5 部分-操纵 DOM ...

    ajax学习经典源码

    **Ajax学习经典源码详解** Ajax,全称Asynchronous JavaScript and XML(异步JavaScript和XML),是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使得网页实现...

    ajax学习开发手册

    在《Ajax学习开发手册》中,通常会涵盖以下关键知识点: 1. **基础概念**: - **异步通信**:Ajax的核心是JavaScript的XMLHttpRequest对象,它允许浏览器在不刷新整个页面的情况下与服务器通信。 - **请求与响应*...

    Prototype Ajax学习范例

    这个"Prototype Ajax学习范例"提供了一系列实例,旨在帮助开发者迅速掌握使用Prototype进行Ajax操作的技巧。 Ajax,即异步JavaScript和XML(Asynchronous JavaScript and XML),是一种在无需刷新整个网页的情况下...

    javascript和ajax学习指南 Learn_JavaScript_and_Ajax_with_w3Schools.zip

    这份"Learn_JavaScript_and_Ajax_with_w3Schools.zip"压缩包包含了一个电子书和一个文本文件,旨在帮助学习者掌握这两种技术的核心概念。 JavaScript,全称ECMAScript,是一种轻量级的解释型编程语言,主要用于网页...

    Ajax学习——DWR的参考书和实用案例学习总结

    **Ajax学习——DWR的参考书和实用案例学习总结** DWR(Direct Web Remoting)是一种优秀的开源框架,专门用于简化Web应用程序中的Ajax(Asynchronous JavaScript and XML)开发。Ajax技术允许网页在不刷新整个页面...

    AJAX学习(包括WCF)

    标题"AJAX学习(包括WCF)"表明了这是一个关于AJAX技术的学习资源,其中还涵盖了WCF(Windows Communication Foundation)的相关内容。AJAX,即Asynchronous JavaScript and XML,是一种在无需重新加载整个网页的...

    一些ajax例子,ajax学习例子

    在本案例中,“一些ajax例子,ajax学习例子”是一个学习和实践Ajax技术的资源集合。 Ajax的核心是JavaScript对象XMLHttpRequest,它允许开发者在后台与服务器进行通信,而不会打断用户的交互。以下是一些关键的Ajax...

    Ajax学习全攻略,很好很全面的学习资料

    Ajax,即Asynchronous JavaScript and XML(异步JavaScript与XML),是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。...通过深入学习和理解Ajax,开发者可以构建出更高效、更流畅的网页应用。

    ajax学习视频

    ajax学习视频,我自己学了感觉还不错,分享给大家一起学习!

Global site tag (gtag.js) - Google Analytics