ajax基本概念

一:简单介绍

1.基本概念

AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML)。

AJAX 是一种在 2005 年由 goo gle 推广开来的编程模式。

AJAX 不是一种新的编程语言,而是一种使用现有标准的新方法。

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

AJAX 基于 JavaScript 和 HTTP 请求(HTTP requests)。

2.ajax优点

AJAX 在浏览器与 Web 服务器之间使用异步数据传输(HTTP 请求),这样就可使网页从服务器请求少量的信息,而不是整个页面。

AJAX 可使因特网应用程序更小、更快,更友好。

AJAX 是一种独立于 Web 服务器软件的浏览器技术。

3.基于的web标准

AJAX 基于下列 Web 标准:

JavaScript

XML

HTML

CSS

在 AJAX 中使用的 Web 标准已被良好定义,并被所有的主流浏览器支持。AJAX 应用程序独立于浏览器和平台。

二:ajax中http请求

1.    传统请求

必须利用一个 HTML 表单向服务器 GET 或 POST 数据。而用户则需要单击“提交”按钮来发送/获取信息,等待服务器的响应,然后一张新的页面会加载结果。

2.    使用ajax请求

利用 AJAX,您的 JavaScript 会通过 JavaScript 的 XMLHttpRequest 对象,直接与服务器来通信。

通过使用 HTTP 请求,web 页可向服务器进行请求,并得到来自服务器的响应,而不加载页面。用户可以停留在同一个页面,用户不会注意到脚本在后台请求过页面,或向服务器发送过数据。

三:ajax的浏览器支持

AJAX 的要点是 XMLHttpRequest 对象。

不同的浏览器创建 XMLHttpRequest 对象的方法是有差异的。

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

如需针对不同的浏览器来创建此对象,我们要使用一条 "try and catch" 语句。

简单案例:

<!doctypehtml>

<html>

<head>

<metacharset="utf-8">

<title>无标题文档</title>

</head>

<body>

<scripttype="text/javascript">

function ajaxFunction(){

var xmlHttp;

try{

//Firefox, Opera 8.0+,Safari

xmlHttp=newXMLHttpRequest();

}

catch(e){

//IE浏览器

try{

xmlHttp=newActiveXObject("Msxml2.XMLHTTP");

}

catch(e){

window.alert("您的浏览器不支持ajax!");

return false;

}

}

}

</script>

<formname="myForm">

用户:<input type="text"name="username"/>

时间:<input type="text"name="time"/>

</form>

</body>

</html>

版权声明:博主原创文章,转载请说明出处。http://blog.csdn.net/dzy21

时间: 2024-10-06 17:10:17

ajax基本概念的相关文章

AJAX的概念介绍

AJAX学习 1.XMLHttpRequest对象创建 var request= new XMLHttpRequest(); 兼容ie6,ie5 var request; if(windoe.XMLHttpRequest){ request= new XMLHttpRequest();//IE7+,Firefor,Chorme,Opera,.... }else{ request=new ActiveXObject("Microsoft.XMLHTTP");//IE6,IE5 } 2.H

Ajax基本概念和原理

什么是Ajax Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. Ajax的全称是Asynchronous JavaScript and XML,即异步JavaScript+XML.它并不是新的编程语言,而是几种原有技术的结合体.它由以下几种技术组合而成,包括: HTML/XHTML——主要的内容表示语言. CSS——为XHTML提供文本格式定义. DOM——对已载入的页面进行动态更新. XML——数据交换格式. XSLT——将XML转换为XHTML(用CSS修饰样式).

Ajax全解析

什么是Ajax Ajax基本概念 Ajax(Asynchronous JavaScript and XML):翻译成中文就是异步的JavaScript和XML. 从功能上来看是一种在无需重新加载整个网页的情况下能够更新部分网页的技术. 传统的网页 想要更新内容或者提交表单就要重新加载或刷新页面. 使用ajax技术的网页 通过后台服务器进行少量的数据交换,网页就可以实现异步局部跟新. Ajax出现前 Ajax技术出现之前,是一个同步交互的世界. 同步:客户端发出请求,服务端去处理,然后响应,这一段

Ajax部分

Ajax的概念 AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML),是一种用于创建快速动态网页的技术. 动态网页:是指可以通过服务器语言结合数据库随时修改数据的网页. 静态网页,随着html代码的生成,页面的内容和显示效果就基本上不会发生变化了--除非你修改页面代码. AJAX = 异步 JavaScript和XML(标准通用标记语言的子集). AJAX 是与服务器交换数据并更新部分网页的技术,在不重新加载整个页面的情况下.

AJAX简介

基本介绍 AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML). 国内翻译常为“阿贾克斯”和阿贾克斯足球队同音.Web应用的交互如Flickr,Backpack和Google在这方面已经有质的飞跃.这个术语源自描述从基于Web的应用到基于数据的应用的转换.在基于数据的应用中,用户需求的数据如联系人列表,可以从独立于实际网页的服务端取得并且可以被动态地写入网页中,给缓慢的Web应用体验着色使之像桌面应用一样. Ajax的核心是Java

Ajax 完整教程 (转)

Ajax 完整教程 第 1 页 Ajax 简介 Ajax 由 HTML.JavaScript™ 技术.DHTML 和 DOM 组成,这一杰出的方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应用程序.本文的作者是一位 Ajax 专家,他演示了这些技术如何协同工作 —— 从总体概述到细节的讨论 —— 使高效的 Web 开发成为现实.他还揭开了 Ajax 核心概念的神秘面纱,包括 XMLHttpRequest 对象. 五年前,如果不知道 XML,您就是一只无人重视的丑小鸭.十八个月前,Rub

Ajax与jsonp

1.ajax的概念 AJAX = Asynchronous Javascript And XML (AJAX  =  异步  javascript  和 xml) AJAX是一种无需重新加载整个网页的情况下,能更新部分网页的技术. 2.工作原理 A.ajax就是js通过一个网站去加载数据,这个过程通常是用户不可见的. B.传统的网页(不适用ajax)如果需要更新内容,必须重新加载整个网页. 3.关于同步与异步 同步需要等待返回结果才能继续,异步不必等待,一般需要监听异步的结果. 同步是在一条直线

Ajax 完整教程(转载)

第 1 页 Ajax 简介 Ajax 由 HTML.JavaScript? 技术.DHTML 和 DOM 组成,这一杰出的方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应用程序.本文的作者是一位 Ajax 专家,他演示了这些技术如何协同工作 -- 从总体概述到细节的讨论 -- 使高效的 Web 开发成为现实.他还揭开了 Ajax 核心概念的神秘面纱,包括 XMLHttpRequest 对象. 五年前,如果不知道 XML,您就是一只无人重视的丑小鸭.十八个月前,Ruby 成了关注的中心,

ajax详细讲解

转:http://www.cnblogs.com/Garden-blog/archive/2011/03/11/1981778.html Ajax 完整教程 第 1 页 Ajax 简介 Ajax 由 HTML.JavaScript™ 技术.DHTML 和 DOM 组成,这一杰出的方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应用程序.本文的作者是一位 Ajax 专家,他演示了这些技术如何协同工作 —— 从总体概述到细节的讨论 —— 使高效的 Web 开发成为现实.他还揭开了 Ajax