AJAX 简单教程
来源:互联网 发布:单片机433m超再生模块 编辑:程序博客网 时间:2024/06/04 01:38
AJAX 简介
AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
您应当具备的基础知识
在继续学习之前,您需要对下面的知识有基本的了解:
- HTML / XHTML
- CSS
- JavaScript / DOM
如果您希望首先学习这些项目,请在我们的首页访问这些教程。
什么是 AJAX ?
AJAX = 异步 JavaScript 和 XML。
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。
有很多使用 AJAX 的应用程序案例:新浪微博、Google 地图、开心网等等。
AJAX 工作原理
AJAX是基于现有的Internet标准
AJAX是基于现有的Internet标准,并且联合使用它们:
- XMLHttpRequest 对象 (异步的与服务器交换数据)
- JavaScript/DOM (信息显示/交互)
- CSS (给数据定义样式)
- XML (作为转换数据的格式)
AJAX应用程序与浏览器和平台无关的!
Google Suggest
在 2005 年,Google 通过其 Google Suggest 使 AJAX 变得流行起来。
Google Suggest 使用 AJAX 创造出动态性极强的 web 界面:当您在谷歌的搜索框输入关键字时,JavaScript 会把这些字符发送到服务器,然后服务器会返回一个搜索建议的列表。
今天就开始使用 AJAX
AJAX 基于已有的标准。这些标准已被大多数开发者使用多年。
AJAX 教程
AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。
AJAX 不是新的编程语言,而是一种使用现有标准的新方法。
AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。
AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。
AJAX 实例
使用 AJAX 修改文本内容
<!DOCTYPE html><html><head><meta charset="utf-8"><script>function loadXMLDoc(){var xmlhttp;if (window.XMLHttpRequest){// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码xmlhttp=new XMLHttpRequest();}else{// IE6, IE5 浏览器执行代码xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}xmlhttp.onreadystatechange=function(){if (xmlhttp.readyState==4 && xmlhttp.status==200){document.getElementById("myDiv").innerHTML=xmlhttp.responseText;}}xmlhttp.open("GET","/try/ajax/ajax_info.txt",true);xmlhttp.send();}</script></head><body><div id="myDiv"><h2>使用 AJAX 修改该文本内容</h2></div><button type="button" onclick="loadXMLDoc()">修改内容</button></body></html>
现在开始学习 AJAX !
阅读本教程前,您需要了解的知识:
阅读本教程,您需要有以下基础:
- HTML 和 CSS 基础
- JavaScript 基础
如果您想学习这些基础知识,您可以在我们的首页找到相应的教程菜鸟教程。
AJAX 应用
运用XHTML+CSS来表达资讯;
运用JavaScript操作DOM(Document Object Model)来执行动态效果;
运用XML和XSLT操作资料;
运用XMLHttpRequest或新的Fetch API与网页服务器进行异步资料交换;
注意:AJAX与Flash、Silverlight和Java Applet等RIA技术是有区分的。
- AJAX 简单教程
- 比较简单的jquery教程 Easy Ajax with jQuery
- php+js+mysql+ajax实现简单留言板功能,新手教程
- AJAX教程
- Ajax 教程
- ajax教程
- AJAX 教程
- AJAX 教程
- AJAX 教程
- AJAX 教程
- AJAX 教程
- Ajax教程
- AJAX 教程
- Ajax教程
- Ajax教程
- AJAX 教程
- Ajax教程
- ajax教程
- 存储MODE(文件的操作模式)
- JDBC中使用Java8的日期LocalDate、LocalDateTime
- int 与 Integer 类型的比较
- c++笔记 第八章 标准IO库
- DVWA-1.9全级别教程之Command Injection
- AJAX 简单教程
- 232. Implement Queue using Stacks (Easy)
- 用AS编写单元测试代码步骤
- 是个男神
- QT 基础操作
- OpenCV下的SURF描述子匹配
- 1-面试题-html+css(前端常见面试题带答案 )
- 子域名搜集思路与技巧梳理
- Linux下C++操作redis简述