jQuery基础总结–AJAX(一)

在上一段时间小C给大家带来了JavaScript,接下来我就在给大家讲讲jQuery,希望大家喜欢,想温故而知新的可以看下,小C希望大神勿喷,如发现错误和不懂的地方请在下面留言,小C将非常感谢。

jQuery基础总结--AJAX(一)

什么是AJAX?

1、AJAX (Asynchronous JavaScript and XML)异步的JavaScript 和 XML

2、2005年2月由Jesse-James Garret在《Ajax:Web应用的新方法》中提出。

3、AJAX既不是插件,也不是专利技术,而是一种架构风格。

4、AJAX是一种使用现有标准的新方法,它由很多相关的技术和想法组成。

5、通过 AJAX,可以创建更好、更快、体验更友好的 WEB 应用程序。

AJAX实现web应用的优势

1、改善表单验证方式,不再需要打开新页面,也不再需要将整个页面数据提交

2、不需刷新页面就可改变页面内容,减少用户等待时间 。

3、按需获取数据,每次只从服务器端获取需要的数据 。

4、读取外部数据,进行数据处理整合 。

5、异步与服务器进行交互,在交互过程中用户无需等待,仍可继续操作

Ajax的实现技术

(1)使用XHTML和CSS的基于标准的表示技术

(2)使用DOM进行动态显示和交互

(3)使用XML和XSLT进行数据交换和处理

(4)使用XMLHttpRequest进行异步数据检索

(5)使用Javascript将以上技术融合在一起

XMLHttpRequest对象

1、AJAX 的核心是 XMLHttpRequest 对象。

2、在多数浏览器里, XMLHttpRequest是标准的JavaScript类。

3、不同浏览器创建 XMLHttpRequest 对象的方法有一定差异。

4、IE 浏览器使用 ActiveXObject,而其他的浏览器使用名为 XMLHttpRequest 的 JavaScript 内建对象。

5、通常创建一个工厂函数,以支持任何浏览器的XMLHttpRequest对象。

XMLHttpRequest对象用法

1、常用的属性

onreadystatechange :当请求状态改变时,需要调用的js方法

readystate:当前请求的状态

status:服务执行的状态

responseText:服务器返回的文本类型的值

responseXML: 服务器返回的XML类型的值

2、常用的方法

abort: 强行停止当前的请求。

open(method,url[,requesttype]) :加载一个连接/请求

send(param) :发送请求

getAllResponseHeader:获取所有请求的头信息

getResponseHeader("header"): 获取指定的请求头信息

setResponseHeader("header","value"):设置请求的头信息

onreadystatechange 属性

请求状态改变的事件触发器(readyState变化时会调用此方法)。

语法:xmlhttp.onreadystatechange=callback;

示例:  xmlHttp.onreadystatechange=function(){

{

// 从服务if(xmlHttp.readyState==4) 器的response获得数据

}

}

readyState 属性

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

jQuery基础总结--AJAX(一)

responseText 属性

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

xmlhttp.onreadystatechange=function(){

if(xmlhttp.readyState==4){

document.myForm.time.value= xmlhttp.responseText;

}

}

XMLHttpRequest对象其他属性

jQuery基础总结--AJAX(一)

XMLHttpRequest对象的方法

1、open 方法

创建一个新的http请求,并指定此请求的方法,URL,以及验证信息(用户名/密码)。
语法: xmlhttp.open(method,url,async,user,password);

method:表示HTTP调用方法。一般使用GET/POST;

url:表示调用的服务器的地址;

asynch:表示是否采用异步方式,true表示异步;

user,passd:分别表示提供http认证机制需要的用户名和密码。

2、send 方法

发送请求到http服务器并接收回应

语法:xmlhttp.send(varBody);

XMLHttpRequest对象其他方法

jQuery基础总结--AJAX(一)

未完待续...

下篇传送阵:jQuery基础总结–jQuery(二)

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

发表评论

gravatar

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

目前评论:5   其中:访客  3   博主  2

  1. avatar 成航先森 5

    我当初是在w3school上面把整个关于ajax的系列看完了。yinweishi半路出家,看完之后晕之更甚了。这里要精炼很多了。

  2. avatar 园子大魔王 1

    很奇怪,第一次来你的站点,个人信息表单就被填充了,最主要的是填充的不知道是谁的信息,害得我还需要修改,我估计是你表单获取代码有问题

  3. avatar 好文章 4

    看看

评论加载中...