ajax对象的获取及其常用属性

(1)什么是ajax

asynchronous javascript and xml(异步的javascript和xml)。

是一种用来改善用户体验的技术,其实质是利用浏览器内置的一个特殊对象(XMLHttpRequest,一般称为ajax对象)异步的(ajax对象在向服务器发送请求时,浏览器并不会销毁当前页面,用户仍然可以对当前页面做其他操作)向服务器发送请求,服务器返回部分数据(不是一个完整的新的页面,而是文本或者xml文档),在浏览器端,可以利用这些数据部分更新当前页面,整个过程页面无刷新,不打断用户操作。

(2)ajax对象

1)如何获得ajax对象?

XMLHttpRequest没有标准化,要区分浏览器

			function getXhr(){
				var xhr = null;
				if(window.XMLHttpRequest){
					//非ie浏览器
					xhr = new XMLHttpRequest();
				}else{
					xhr = new ActiveXObject(‘Microsoft.XMLHttp‘);
				}
				return xhr;
			}

2)属性

a,readyState:一共有5个值,分别是0,1,2,3,4 表示ajax对象与服务器通讯的状态,其中,4表示ajax对象已经获得了服务器返回的所有数据 。

b,onreadystatechange

绑定一个事件处理函数,该函数用来处理onreadystatechange事件。

ajax对象的readyState属性发生改变,比如从0-->1,则会产生readyStatechange事件。

c,responseText:获得服务器返回的文本数据。

d,responseXML:获得服务器返回的xml文档。

e,status:获得状态码。比如404,500.

时间: 2024-10-03 09:20:51

ajax对象的获取及其常用属性的相关文章

Ajax01 什么是ajax、获取ajax对象、ajax对象的属性和方法

1 什么是ajax ajax是一种用来改善用户体验的技术,其本质是利用浏览器提供的一个对象(XMLHttpRequest,也可称之为ajax对象) 向服务器发送异步请求;服务器返回部分数据(不是一个完整 的页面),浏览器利用这些数据对当前页面做部分更新: 整个过程,页面无刷新,不打断用户的操作. 注意1:异步请求,指的是,当ajax对象发请求时,浏览器不会销毁当前页面,用户仍然可以对当前页面做其它的操作. 注意2:打电话可以看成是同步请求,发短信可以看成是异步请求 注意3:AJAX 不是一门的新

JavaScript之Ajax-1 Ajax(Ajax原理、Ajax对象属性和方法)

一.Ajax原理 Ajax简介 - Asynchronous JavaScript And Xml 异步的 JavaScript 和 Xml - Ajax 是一种用来改善用户体验的技术,其实质是,使用XMLHttpRequest对象异步地向服务器发送请求 - 服务器返回部分数据,而不是一个完整的页面,以页面无刷新的效果更改页面中的局部内容 Ajax工作原理 获取Ajax对象 二.Ajax对象属性和方法 异步对象的属性和方法 onreadystatechange - onreadystatecha

JavaScript对象的常用属性及使用

什么是浏览器对象模型? 浏览器对象模型(BOM Browser Object Model)是JavaScript的组成之一,它提供了独立于内容和浏览器窗口进行交互的对象,使用浏览器对象模型可以实现与HTML的交互. JavaScript中对象分为: 本地对象(native object).内置对象(built-in object).宿主对象(host object).其中本地对象和宿主对象大家一般用的比较多. 使用BOM(浏览器对象模型)可以实现什么功能? (1)弹出新的浏览器窗口 (2)移动.

DOM中document对象的常用属性方法总结

提要: 每个载入浏览器的 HTML 文档都会成为 Document 对象. Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问 1.常见对象属性 document.title                 //设置文档标题等价于HTML的<title>标签document.bgColor               //设置页面背景色document.fgColor               //设置前景色(文本颜色)document.linkColor    

window对象的常用属性,常用方法

window对象的常用属性: window.self 返回当前窗口的引用 window.parent   返回当前窗体的父窗体对象 window.top 返回当前窗体最顶层的父窗体的引用 window.outerwidth       返回当前窗口的外部宽 window.outerheight  返回当前窗口的外部高 window.innerwidth       返回当前窗口的可显示区域宽 window.innerheight  返回当前窗口的可显示区域高 提示:通过直接在Chrome控制台中

javascript获取对象直接量中的属性和属性值

javascript获取对象直接量中的属性和属性值:所谓的对象直接量简单来说就是,由大括号包裹的键值对列表,例如: var antzone={ webName:"蚂蚁部落", address:"青岛市南区", age:2 } 下面介绍一下如何获取对象直接量中的属性和属性值,代码如下: var antzone={ webName:"蚂蚁部落", address:"青岛市南区", age:2 } for(var prop in a

图形对象的创建(常用图形对象的创建方法及特殊属性)

1.图形窗口对象 MATLAB的一切图形图像的输出都是在图形窗口中完成的. 一.创建 建立图形窗口对象使用figure函数,其调用格式为:句柄变量=figure(属性名1,属性值1,属性名2,属性值2,...) MATLAB通过对属性一的操作来改变图形窗口的形式.也可以使用figure函数按MATLAB默认的属性值建立图形窗口,格式为:figure  或  句柄变量 =figure MATLAB通过figure函数建立窗口之后,还可以调用figure函数来显示该窗口,并将其设定为当前窗口,调用格

获取ajax对象

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

js数组对象以及数组常用属性和方法

定义形式: var  arr1 = new Array(1,  5,  8,  7,  2,  10);  //定义了一个数组,其中具有6个数据 var  arr2 = new Array();                   //只是单纯地定义了一个数组(名),但没有给值(数据),即现在是空的 var  arr3 = [1,  5,  8,  7,  2,  10];  //同arr1,只是一种简写的定义法. var  arr4 = [ ];                  //同arr