AJAX-XMLHttpRequest 对象

2016-02-19 14:10 8 1 收藏

下面请跟着图老师小编一起来了解下AJAX-XMLHttpRequest 对象,精心挑选的内容希望大家喜欢,不要忘记点个赞哦!

【 tulaoshi.com - Web开发 】

AJAX-更多有关XMLHttpRequest对象的知识
  
  在向服务器发送数据之前,我们有必要解释一下XMLHttpRequest对象的三个重要的属性。
  
  onreadystatechange属性
  
  onreadystatechange属性存有处理服务器响应的函数。下面的代码定义一个空的函数,可同时对onreadystatechange属性进行设置:
  
  xmlHttp.onreadystatechange=function()
  
  {
  
  //我们需要在这里写一些代码
  
  }
  
  readyState属性
  
  readyState属性存有服务器响应的状态信息。每当readyState改变时,onreadystatechange函数就会被执行。
  
  这是readyState属性可能的值:
  
  状态描述
  
  0请求未初始化(在调用open()之前)
  
  1请求已提出(调用send()之前)
  
  2请求已发送(这里通常可以从响应得到内容头部)
  
  3请求处理中(响应中通常有部分数据可用,但是服务器还没有完成响应)
  
  4请求已完成(可以访问服务器响应并使用它)
  
  我们要向这个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;
  
  }
  
  }
  
  下一节,我们会介绍如何向服务器请求数据!
  

来源:http://www.tulaoshi.com/n/20160219/1606333.html

延伸阅读
标签: 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...
标签: Web开发
即使你现在还没有听说,AJAX已经成为web技术领域最热门的词(就象Adaptive Path上的一篇文章提到的一样)。AJAX框架的关键是名为XMLHttpRequest的JavaScript对象,通过它客户端开发人员可以在不打断用户操作或者在充分使用隐藏表单的情况下通过HTTP直接发送和接收XML文档。现在,有些人可能会有这种忧虑,让那些以前只做表单(form)校验和增...
标签: Web开发
XMLHttpRequest对象 在使用XMLHttpRequest对象发送请求和处理响应之前,必须先用JavaScript创建一个XMLHttpRequest对象。由于XMLHttpRequest不是一个W3C标准,所以可以采用多种方法使用JavaScript来创建XMLHttpRequest的实例。IE把XMLHttpRequest实现一个ActiveX对象,其他浏览器(如Firefox、Safari和Opera)把他实现为一个本地JavaScript对象...
标签: Web开发
由于javascript具有动态类型特性,而且XMLHttpRequest在不同浏览器上的实现是兼容的,所以可以用同样的方式访问XMLHttpRequest实例的属性和方法,而不论这个实例创建的方法是什么。这就大大简化了开发过程,而且在javascript中也不必编写特定于浏览器的逻辑。 ------------------------------------------------------------------------...
标签: Web开发
一、 引言 在XMLHttpRequest对象和AJAX给用户和开发者带给巨大好处的同时,也许还有一些问题你没有考虑到-但是的确到了值得引起每个人注意的时候了。 甚至非常讨厌的人也都喜欢XMLHttpRequest,因为它提供给程序员真正梦想的功能。也正是因为有了这样的新技术,Web应用软件开始变得具有象桌面应用软件相似的行为。如今,问题总是象"假定为……...

经验教程

862

收藏

10

精华推荐

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