AJAX 简介

AJAX 简介

AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。

AJAX 是什么?

AJAX = Asynchronous JavaScript and XML.

AJAX 是一种用于创建快速动态网页的技术。

AJAX 通过在后台与服务器进行少量数据交换,使网页实现异步更新。这意味着可以在不重载整个页面的情况下,对网页的某些部分进行更新。

传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个页面。

有很多使用 AJAX 的应用程序案例:Google Maps、Gmail、Youtube 和 Facebook。

什么是异步请求?

用户请求页面,页面加载完成,用户操作页面,需要向服务器请求新的数据,由于两个请求并不是同步发生的(后一个请求是用户操作后才触发的),因此我们称之为异步请求

常见的ajax应用:内容滚动到底后自动加载新内容、输入用户名后自动去服务器验证是否被占用、无刷新的分页……

ajax的优点和缺点

优点:

•       用户体验更好,页面不需要提交或者是刷新,内容自动更新

•       减少网络数据流量,由于页面布局样式不同重新加载,ajax只需要从服务器上获取少量的数据即可,速度更快

缺点:

•       页面不跳转,导致用户无法点击后退访问之前的内容

•       ajax需要执行JavaScript才能加载,导致搜索引擎失效

•       滥用ajax会导致页面过于臃肿,明明几个页面跳转就能实现的效果,结果全部都堆到一个页面中

AJAX 如何工作

QQ图片20161009180343.png

AJAX 基于因特网标准

AJAX 基于因特网标准,并使用以下技术组合:

·         XMLHttpRequest 对象(与服务器异步交互数据)

·         JavaScript/DOM(显示/取回信息)

·         CSS(设置数据的样式)

·         XML(常用作数据传输的格式)

 AJAX 应用程序与浏览器和平台无关的!

谷歌搜索建议(Google Suggest)

随着谷歌搜索建议功能在 2005 的发布,AJAX 开始流行起来。

谷歌搜索建议(Google Suggest) 使用 AJAX 创造出动态性极强的 web 界面:当您在谷歌的搜索框中键入内容时,JavaScript 会把字符发送到服务器,服务器则会返回建议列表。

今天就开始使用 AJAX

在我们的 PHP 教程中,我们将演示 AJAX 如何在不重载整个页面的情况下对网页的某些部分进行更新。服务器脚本我们将采用 PHP 来编写。

如果您想要学习更多关于 AJAX 的知识,请访问我们的 AJAX 教程。


继续学习
||
function noTips(){ 31 var formParam = $("#form1").serialize();//序列化表格内容为字符串 32 $.ajax({ 33 type:'post', 34 url:'Notice_noTipsNotice', 35 data:formParam, 36 cache:false, 37 dataType:'json', 38 success:function(data){ 39 } 40 });
提交重置代码
章节
笔记
提问
课件
反馈
捐赠

PHP快速入门免费教程