Rumah > hujung hadapan web > tutorial js > 详解AJAX工作原理以及实例讲解(通俗易懂)

详解AJAX工作原理以及实例讲解(通俗易懂)

寻∝梦
Lepaskan: 2018-09-10 15:00:08
asal
1733 orang telah melayarinya

本篇文章主要的介绍了关于ajax的工作原理的讲解。带着实例讲解ajax的工作原理,通俗易懂,还不赶紧过来学习

什么是 AJAX ?

AJAX = 异步 JavaScript 和 XML。

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

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

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

有很多使用 AJAX 的应用程序案例:新浪微博、Google 地图、开心网等等。

AJAX 实例解释

上面的 AJAX 应用程序包含一个 p 和一个按钮。

p 部分用于显示来自服务器的信息。当按钮被点击时,它负责调用名为 loadXMLDoc() 的函数:

<html><body><p id="myp"><h3>Let AJAX change this text</h3></p><button type="button" onclick="loadXMLDoc()">Change Content</button></body></html>
Salin selepas log masuk

接下来,在页面的 head 部分添加一个

Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan