Ajax入门介绍以及用Ajax写helloworld

1:  Ajax被认为是(Asynchronous  JavaScript and XML的缩写)。现在,允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax.

Ajax:一种不用刷新整个页面便可与服务器通讯的办法

2:用ajax编写一个helloworld的小程序,在超链接中弹出文本框中的内容。

<script type="text/javascript">
   window.onload=function(){
    //1:获取a节点,并对其添加onclick()相应函数
     document.getElementsByTagName("a")[0].onclick=function(){
     // 2:创建一个XMLHttpRequest对象
         var request=new XMLHttpRequest();
     // 3:准备发送请求的数据:url
       var url=this.href;
     //4:调用XMLHttpRequest对象的open方法
      request.open("GET",url);
     //5:调用XMLHttpRequest对象的send方法

      request.send(null);
     //6:为XMLHttpRequest对象添加Onreadystatechange响应函数
     request.onreadystatechange=function(){
      //判断响应是否完成:XMLHttpRequest的readyState的属性值为4的时候
       // alert(request.readyState);
       if(request.readyState==4){
       // 判断响应是否可用,XMLHttpRequest的status的属性值为200的时候
        if(request.status==200||request==304)
        //8:打印响应结果
          alert(request.responseText);
       }
     }
       return false;  //保证不会调转啊,取消点击的默认行为
     };
   }
   </script>
	</head>
	<body>
		<a href="helloAjax.txt">helloAjax</a>
	</body>

3:创建XMLHttpRequest对象

var request=new XMLHttpRequest();

4:XMLHttpRequest的方法

5:XMLHttpRequest的属性

?status

–服务器发送的每一个响应也都带有首部信息。三位数的状态码是服务器发送的响应中最重要的首部信息,并且属于超文本传输协议中的一部分。

–常用状态码及其含义:

?404 没找到页面(notfound)

?403 禁止访问(forbidden)

?500 内部服务器出错(internalservice error)

?200 一切正常(ok)

?304 没有被修改(notmodified)

–在 XMLHttpRequest对象中,服务器发送的状态码都保存在
status 属性里。通过把这个值和
200 或 304
比较,可以确保服务器是否已发送了一个成功的响应

Ajax入门介绍以及用Ajax写helloworld

时间: 2024-10-14 22:58:19

Ajax入门介绍以及用Ajax写helloworld的相关文章

ASP.NET AJAX入门系列(9):在母版页中使用UpdatePanel

ASP.NET AJAX入门系列(9):在母版页中使用UpdatePanel 本文简单介绍一下在母版页中使用UpdatePanel控件,翻译自官方文档. 主要内容 1.添加UpdatePanel控件到Content Page 2.通过Master Page刷新UpdatePanel 一.添加UpdatePanel控件到Content-Page 1.添加一个新的Master Page,并切换到设计视图. 2.在工具箱中AJAX Extensions标签下双击ScriptManager控件添加到页面

ASP.NET AJAX入门系列

ASP.NET AJAX入门系列将会写关于ASP.NET AJAX一些控件的使用方法以及基础知识,其中部分文章为原创,也有一些文章是直接翻译自官方文档,本部分内容会不断更新. 目录 ASP.NET AJAX入门系列(1):概述 导读:作为本系列文章的开篇,简单介绍一下ASP.NET AJAX的概况及各个组成部分. ASP.NET AJAX入门系列(2):使用ScriptManager控件 导读:ScriptManager控件包括在ASP.NET 2.0 AJAX Extensions中,它用来处

AJAX入门---点滴的积累

AJAX入门---点滴的积累 每次学习完一个内容总会写上几句话总结一下学习的内容.这不刚看完王兴魁老师讲的AJAX核心技术.如今回想梳理一下. 这套视频的内容不多,简单的解说了XMLHttpRequest技术,DOM及其操作HTML.XML,一些Javascript的知识.再通过两个综合性的样例收尾. XMLHttpRequest对象 关于该对象的具体含义,怎样使用能够看看我之前写的博客--<AJAX入门--- XMLHttpRequest对象的属性和方法>和<AJAX入门---五步使用

AJAX入门--- XMLHttpRequest对象的属性和方法

由于刚刚接触到Ajax对其比较陌生,而其中的XMLHttpRequest对象更是未曾听闻.开始学之前,了解一下它的属性和方法为它的使用做下铺垫.本文重点介绍XMLHttpRequest的属性和方法. XMLHttpRequest对象的属性和事件 属性 描述 readyState 表示XMLHttpRequest对象的状态[1] responseText 包含客户端接收到的HTTP相应的文本内容[2] responseXML 服务器响应的XML内容对应的DOM对象[3] status 服务器返回h

ASP.NET AJAX入门系列(8):自定义异常处理

ASP.NET AJAX入门系列(8):自定义异常处理 在UpdatePanel控件异步更新时,如果有错误发生,默认情况下会弹出一个Alert对话框显示出错误信息,这对用户来说是不友好的,本文看一下如何在服务端和客户端脚本中自定义异常处理,翻译自官方文档. 主要内容 1.在服务端自定义异常处理 2.在客户端脚本中自定义异常处理 一.在服务端自定义异常处理 1.添加ASPX页面并切换到设计视图. 2.在工具箱中AJAX Extensions标签下双击ScriptManager和UpdatePane

AJAX入门---五步使用XMLHttpRequest对象

XMLHttpRequest简介: XMLHttpRequest对象可以在不向服务器提交整个页面的情况下,实现局部更新网页.当页面全部加载完毕后,客户端通过该对象向服务器请求数据,服务器端接受数据并处理后,向客户端反馈数据.XMLHttpRequest 对象提供了对 HTTP 协议的完全的访问,包括做出 POST 和 HEAD 请求以及普通的 GET 请求的能力.XMLHttpRequest 可以同步或异步返回 Web 服务器的响应,并且能以文本或者一个 DOM 文档形式返回内容.尽管名为 XM

ASP.NET AJAX入门系列(1):概述

经常关注我的Blog的朋友可能注意到了,在我Blog的左边系列文章中,已经移除了对Atlas学习手记系列文章的推荐,因为随着ASP.NET AJAX 1.0 Beta版的发布,它们已经不再适用,为了不继续误导广大朋友,所以不再作为推荐系列文章,如果有需要参考的朋友,可以直接到随笔分类中查看. ASP.NET AJAX Beta改动如此之大,鉴于又没有很好的中文参考资料,所以决定最近开始写作ASP.NET AJAX入门系列,这个系列我会把ASP.NET AJAX当作一个全新的东西去对待,不再考虑以

AJAX入门---AJAX操作HTML

AJAX入门---DOM操作HTML 一边学习AJAX一边坐着总结加深印象,上次写的是如何简单的使用XMLHttpRequest对象,今天写的是DOM(文档对象模型(Document Object Model))操作HTML,希望我的博客对大家的学习能够起到帮助作用. 一.什么是DOM 文件对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口.DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构.换句话说,这是表示

AJAX入门---DOM操作HTML

一边学习AJAX一边坐着总结加深印象,上次写的是如何简单的使用XMLHttpRequest对象,今天写的是DOM(文档对象模型(Document Object Model))操作HTML,希望我的博客对大家的学习能够起到帮助作用. 一.什么是DOM 文件对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口.DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构.换句话说,这是表示和处理一个HTML或XML文档的常用方