AJAX 简介

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


AJAX 是什么?

AJAX = Asynchronous JavaScript and XML.

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

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

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

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

 


AJAX 如何工作

PHP学习记录13(Ajax技术)_数据


AJAX 基于因特网标准

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

  • XMLHttpRequest 对象(与服务器异步交互数据)
  • JavaScript/DOM(显示/取回信息)
  • CSS(设置数据的样式)
  • XML(常用作数据传输的格式)

PHP学习记录13(Ajax技术)_xml_02 AJAX 应用程序与浏览器和平台无关的!


 PHP学习记录13(Ajax技术)_javascript_03

PHP学习记录13(Ajax技术)_ajax_04

PHP学习记录13(Ajax技术)_应用程序_05

 

 

 PHP学习记录13(Ajax技术)_javascript_06

 

 

 

 PHP学习记录13(Ajax技术)_数据_07

 

 

 PHP学习记录13(Ajax技术)_应用程序_08

 

 

 PHP学习记录13(Ajax技术)_xml_09

 

 

 PHP学习记录13(Ajax技术)_数据_10

 

 

 PHP学习记录13(Ajax技术)_数据_11

 

 

 PHP学习记录13(Ajax技术)_数据_12

 

 

 

 PHP学习记录13(Ajax技术)_xml_13

 

PHP学习记录13(Ajax技术)_应用程序_14

 

 

 PHP学习记录13(Ajax技术)_javascript_15

 

 

 PHP学习记录13(Ajax技术)_javascript_16

 

 

 PHP学习记录13(Ajax技术)_应用程序_17

 

 

 PHP学习记录13(Ajax技术)_xml_18

 

 

 PHP学习记录13(Ajax技术)_数据_19

 

 

 PHP学习记录13(Ajax技术)_xml_20

 

 

 PHP学习记录13(Ajax技术)_数据_21

 

 

 PHP学习记录13(Ajax技术)_javascript_22

 

 PHP学习记录13(Ajax技术)_xml_23

 

 PHP学习记录13(Ajax技术)_javascript_24

 

 PHP学习记录13(Ajax技术)_应用程序_25

 

 PHP学习记录13(Ajax技术)_ajax_26

 

 PHP学习记录13(Ajax技术)_应用程序_27

 

 PHP学习记录13(Ajax技术)_javascript_28

 

 

 

 

PHP学习记录13(Ajax技术)_应用程序_29