ajax入门教程:AJAX XMLHttpRequest

ajax入门教程:AJAX XMLHttpRequest

XMLHttpRequest对象使得AJAX的可能。

在XMLHttpRequest的
XMLHttpRequest对象是关键的AJAX 。

这是自现有的Internet Explorer 5.5发布于2000年7月,但没有完全发现之前人们开始谈论的AJAX和Web 2.0在2005年。

创建一个XMLHttpRequest对象
不同的浏览器,使用不同的方法来创建一个XMLHttpRequest对象。

Internet Explorer使用一个ActiveXObject 。

其他浏览器使用内置的JavaScript对象称为XMLHttpRequest的。

这是最简单的代码可以使用,以克服这个问题:

var XMLHttp=null
if (window.XMLHttpRequest)
  {
  XMLHttp=new XMLHttpRequest()
  }
else if (window.ActiveXObject)
  {
  XMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
  }

上述例子说明:

首先创建一个变量的XMLHTTP使用您的XMLHttpRequest对象。将该值设置为空。
然后进行测试,如果对象window.XMLHttpRequest可用。此对象可在较新版本的Firefox , Mozilla中,

歌剧院,和Safari 。
如果可用,使用它来建立一个新的对象:新的XMLHTTP = XMLHttpRequest的( )
如果不具备,测试的对象,如果window.ActiveXObject可用。此对象可在Internet Explorer 5.5版和更高版本。
如果可用,使用它来建立一个新的对象:新的XMLHTTP = ActiveXObject ( )

一个更好的例子吗?
一些程序员更喜欢使用最新,最快的版本的XMLHttpRequest对象。

下面的例子尝试加载微软的最新版本“ Msxml2.XMLHTTP ” ,可在Internet Explorer 6 ,

然后就后退到“ Microsoft.XMLHTTP ” ,

可在Internet Explorer 5.5及更高版本。

 

function GetXmlHttpObject()
{
var xmlHttp=null;
try
 {
 // Firefox, Opera 8.0+, Safari
 xmlHttp=new XMLHttpRequest();
 }
catch (e)
 {
 // Internet Explorer
 try
  {
  xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
  }
 catch (e)
  {
  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
 }
return xmlHttp;
}

上述例子说明:

首先创建一个变量的XMLHTTP使用您的XMLHttpRequest对象。将该值设置为空。
尝试创建对象按照web标准( Mozilla中, Opera和Safari浏览器) :新的XMLHTTP = XMLHttpRequest的( )
尝试创建对象微软的方式,可在Internet Explorer 6和后来:新的XMLHTTP = ActiveXObject ( “ Msxml2.XMLHTTP ” )
如果这一捕获的错误,请尝试老年人( Internet Explorer 5.5中)的方式:

新的XMLHTTP = ActiveXObject ( “ Microsoft.XMLHTTP ” )

转载请注明来自http://www.111cn.net/wy/yw.html

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索对象
, 浏览器
, 变量
, xmlhttprequest
, new
microsoft
xmlhttprequest对象、xmlhttprequest post、xmlhttprequest 跨域、xmlhttprequest open、xmlhttprequest send,以便于您获取更多的相关知识。

时间: 2024-11-26 06:37:38

ajax入门教程:AJAX XMLHttpRequest的相关文章

ajax入门教程:ajax分析xml文件

<?xml version="1.0" encoding="UTF-8"?> <lovelist>  <love>Php</love>  <love>Asp</love>  <love>Jsp</love> </lovelist> html文件代码如下,下面主要是把ajax 创建等代码放在里面了.如下. <html> <head> &l

ajax完整入门教程+ajax实例教程

在一般的 Web 应用程序中,用户填写表单字段并单击 Submit 按钮.然后整个表单发送到服务器,服务器将它转发给处理表单的脚本(通常是 PHP 或 Java,也可能是 CGI 进程或者类似的东西),脚本执行完成后再发送回全新的页面.该页面可能是带有已经填充某些数据的新表单的 HTML,也可能是确认页面,或者是具有根据原来表单中输入数据选择的某些选项的页面.当然,在服务器上的脚本或程序处理和返回新表单时用户必须等待.屏幕变成一片空白,等到服务器返回数据后再重新绘制.这就是交互性差的原因,用户得

ajax入门教程之XMLHttpRequest与$.ajax使用说明

对于Ajax,最核心的一个对象是XMLHttpRequest,所有的Ajax操作都离不开对这个对象的操作. 创建XMLHttpRequest对象 对于IE浏览器:  代码如下 复制代码 xmlHttp = new ActiveXObject('Microsoft.XMLHTTP'); 对于其他浏览器:  代码如下 复制代码 xmlHttp = new XMLHttpRequest(); 不同的浏览器对javascript中的XMLHttpRequest对象的支持是不一样的,所以需要根据情况做一下

ajax 入门教程:php+ajax

<html> <head> <title>Ajax讲解 - www.111cn.net - </title> <script type="text/javascript"> function createXmlHttp(){     if(window.ActiveXObject){   xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");  }  else if(

ajax 入门基础之 XMLHttpRequest对象总结_AJAX相关

XMLHttpRequest 提供客户端同http服务器通讯的协议 一:创建 IE : http_request = new ActiveXObject("Msxml2.XMLHTTP"); http_request = new ActiveXObject("Microsoft.XMLHTTP"); 非IE: http_request = new XMLHttpRequest(); 二:onreadystatechange 指定当readyState属性改变时的事件

ajax 入门基础之 XMLHttpRequest对象总结

XMLHttpRequest 提供客户端同http服务器通讯的协议 一:创建 IE : http_request = new ActiveXObject("Msxml2.XMLHTTP"); http_request = new ActiveXObject("Microsoft.XMLHTTP"); 非IE: http_request = new XMLHttpRequest(); 二:onreadystatechange 指定当readyState属性改变时的事件

AJAX基础教程及初步使用

ajax|基础教程 Ajax基础教程 什么是 AJAX? AJAX (异步 JavaScript 和 XML) 是个新产生的术语,专为描述JavaScript的两项强大性能.这两项性能在多年来一直被网络开发者所忽略,直到最近Gmail, Google suggest和google Maps的横空出世才使人们开始意识到其重要性. 这两项被忽视的性能是: 无需重新装载整个页面便能向服务器发送请求. 对XML文档的解析和处理. 步骤 1 – "请!" --- 如何发送一个HTTP请求 为了用

Ajax基础教程

ajax|基础教程 AJAX (异步 JavaScript 和 XML) 是个新产生的术语,专为描述JavaScript的两项强大性能.这两项性能在多年来一直被网络开发者所忽略,直到最近Gmail, Google suggest和google Maps的横空出世才使人们开始意识到其重要性.  这两项被忽视的性能是:  • 无需重新装载整个页面便能向服务器发送请求.  • 对XML文档的解析和处理. 步骤 1 – "请!" --- 如何发送一个HTTP请求 为了用JavaScript向服

jQuery选择器基础入门教程_jquery

本文实例讲述了jQuery选择器用法.分享给大家供大家参考,具体如下: 什么是jQuery选择器 使用JavaScript操作页面上得DOM元素时,首先要获取DOM元素.但是原始的javascript只元件根据ID或者TagName获取DOM对象. 在jQuery中则完全不同,jQuery提供了异常强大的选择器用以帮助我们获取页面上的对象,并且将对象以jquery对象的形式返回. 首先来看看什么是选择器. //根据id获取jQuery对象 var jQueryObject=$("#testDiv