博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
AJAX学习笔记
阅读量:2387 次
发布时间:2019-05-10

本文共 1057 字,大约阅读时间需要 3 分钟。

AJAX(Asynchronous JavaScript and XML)

AJAX = Asynchronous JavaScript and XML(异步的JavaScript和XML)。一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。

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

AJAX最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容

AJAX不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。

AJAX应用

运用XHTML+CSS来表达资讯;

运用JavaScript操作DOM(Document Object Model)来执行动态效果;

运用XML和XSLT操作资料;

运用XMLHttpRequest或新的Fetch API与网页服务器进行异步资料交换;

注意:AJAX与Flash、Silverlight和Java Applet等RIA技术是有区分的

Google Suggest

在2005年,Google通过其Google Suggest使AJAX变得流行起来。

Google Suggest使用AJAX创造出动态性极强的web界面:当您在谷歌的搜索框输入关键字时,JavaScript会把这些字符发送到服务器,然后服务器会返回一个搜索建议的列表。

创建XMLHttpRequest对象

所有现代浏览器均支持XMLHttpRequest对象(IE5和IE6使用ActiveXObject)。

XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新

向服务器发送请求

AJAX-服务器响应

AJAX - onreadystatechange 事件

onreadystatechange 事件

当请求被发送到服务器时,我们需要执行一些基于响应的任务。

每当 readyState 改变时,就会触发 onreadystatechange 事件。

readyState 属性存有 XMLHttpRequest 的状态信息

使用回调函数

回调函数是一种以参数形式传递给另一个函数的函数

如果您的网站上存在多个AJAX任务,那么您应该为创建 XMLHttpRequest 对象编写一个标准的函数,并为每个AJAX任务调用该函数。

该函数调用应该包含URL以及发生onreadystatechange事件时执行的任务(每次调用可能不尽相同)

AJAX面试题:

你可能感兴趣的文章
SQLite通用数据库类
查看>>
CMD下修改IP地址!
查看>>
外部修改应用程序图标的做法
查看>>
database disk image is malformed解决方法
查看>>
有关error PRJ0003错误的思考
查看>>
实现自定义对话框程序快捷键的两种方法
查看>>
如何对抗微软霸权,google给我们上了一课
查看>>
获取windows版本信息的做法
查看>>
忆父亲
查看>>
png库结合zlib库使用出现的一个链接问题的解决
查看>>
STL数组和com数组相互转换的做法
查看>>
开发平台软件中关于第三方库管理的一些思考
查看>>
svn创建分支的做法
查看>>
“当前不会命中断点。源代码与原始版本不同”的问题的有效解决办法
查看>>
对面向对象和面向过程的一些新理解
查看>>
软件开发中的资源管理
查看>>
有关博客的一些断想
查看>>
Windows Server2008上安装VS2008出错及解决办法
查看>>
打开word2010每次都要配置进度的解决办法
查看>>
略论并行处理系统的日志设计
查看>>