AJAX教程(5):AJAX-XMLHttpRequest 对象

2016-02-20 00:48 2 1 收藏

今天图老师小编给大家介绍下AJAX教程(5):AJAX-XMLHttpRequest 对象,平时喜欢AJAX教程(5):AJAX-XMLHttpRequest 对象的朋友赶紧收藏起来吧!记得点赞哦~

【 tulaoshi.com - Web开发 】

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)AJAX - 更多有关 XMLHttpRequest 对象的知识

在向服务器发送数据之前,我们有必要解释一下 XMLHttpRequest 对象的三个重要的属性。

onreadystatechange 属性

onreadystatechange 属性存有处理服务器响应的函数。下面的代码定义一个空的函数,可同时对 onreadystatechange 属性进行设置:

xmlHttp.onreadystatechange=function()  {  // 我们需要在这里写一些代码  }
readyState 属性

readyState 属性存有服务器响应的状态信息。每当 readyState 改变时,onreadystatechange 函数就会被执行。

这是 readyState 属性可能的值:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/) 状态描述

我们要向这个 onreadystatechange 函数添加一条 If 语句,来测试我们的响应是否已完成(意味着可获得数据):

xmlHttp.onreadystatechange=function()  {  if(xmlHttp.readyState==4){// 从服务器的response获得数据}  }
responseText 属性

可以通过 responseText 属性来取回由服务器返回的数据。

在我们的代码中,我们将把时间文本框的值设置为等于 responseText:

xmlHttp.onreadystatechange=function()  {  if(xmlHttp.readyState==4){document.myForm.time.value=xmlHttp.responseText;}  }

下一节,我们会介绍如何向服务器请求数据!

来源:https://www.tulaoshi.com/n/20160220/1632557.html

延伸阅读
标签: Web开发
一、 引言 在XMLHttpRequest对象和AJAX给用户和开发者带给巨大好处的同时,也许还有一些问题你没有考虑到-但是的确到了值得引起每个人注意的时候了。 甚至非常讨厌的人也都喜欢XMLHttpRequest,因为它提供给程序员真正梦想的功能。也正是因为有了这样的新技术,Web应用软件开始变得具有象桌面应用软件相似的行为。如今,问题总是象"假定为……...
标签: Web开发
在使用XMLHttpRequest对象发送请求和处理响应之前,必须先用JavaScript创建一个XMLHttpRequest对象。由于XMLHttpRequest不是一个W3C标准,所以可以采用多种方法使用JavaScript来创建XMLHttpRequest的实例。Internet Explorer把XMLHttpRequest实现为一个ActiveX对象,其他浏览器(如Firefox、Safari和Opera)把它实现为一个本地JavaScript对象。...
标签: Web开发
下面是Jquery中AJAX参数详细列表 : 参数名类型描述 url String(默认: 当前页地址) 发送请求的地址。 type String(默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET"。注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持。 timeout Number设置请求超时时间(毫秒)。此设置将覆盖全局设置。 async Boolean(...
标签: Web开发
代码如下: script type="text/javascript" function ajax() { var xmlHttp; try { // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); } catch (e) { // Internet Explorer try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { alert("您的浏览器不支持AJAX!"); return false; } } } /sc...
  一、 引言 在XMLHttpRequest对象和AJAX给用户和开发者带给巨大好处的同时,也许还有一些问题你没有考虑到-但是的确到了值得引起每个人注意的时候了。 甚至非常讨厌的人也都喜欢XMLHttpRequest,因为它提供给程序员真正梦想的功能。也正是因为有了这样的新技术,Web应用软件开始变得具有象桌面应用软件相似的行为。如...

经验教程

906

收藏

25
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部