Week5——Ajax
2024-10-21 14:31:27
1.简介
AJAX 相当于异步 JavaScript 和 XML,是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。
注意:Ajax 不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。
2.工作原理
AJAX的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎),使用户操作与服务器响应异步化。
3.实例
div 部分用于显示来自服务器的信息。当按钮被点击时,它负责调用名为 loadXMLDoc() 的函数:
<!DOCTYPE html>
<html>
<body>
<div id="myDiv"><h2>Let AJAX change this text</h2></div>
<button type="button" onclick="loadXMLDoc()">Change Content</button>
</body>
</html>
页面的 head 部分添加一个 <script> 标签。该标签中包含了这个 loadXMLDoc() 函数:
<head>
<script>
function loadXMLDoc()
{
.... AJAX script goes here ...
}
</script>
</head>
最新文章
- stm32cube--ADC单次转换
- 【Android端 APP GPU过度绘制】GPU过度绘制及优化
- 【SGU】495. Kids and Prizes
- 《Linux及安全》实验安排
- Ubuntu14.04搭建LAMP环境
- DevExpress 中根据数据库字典动态生成卡式菜单 z
- wampserver安装后 mysql 所有数据库丢失的解决方案
- selenium grid java 资料
- Thread-safety with regular expressions in Java
- Ext JS学习第九天 Ext基础之 扩展原生的javascript对象
- Android视频通话Java代码
- 使用CompletableFuture实现异步编程
- 手机QQ公众号亿级消息实时群发架构
- dx.jar文件问题,有没有同学知道怎么解决呀,这一步没法解决,后面就没办法跟着做了
- 『链接』Microsoft Visual C Redistributable/VC 再发行库 下载哪家强?
- php正则讲解 及与 js的正则比较
- H5新特性--WebStorage--WebSocke
- 中触发一个断点 其原因可能是堆被损坏,这说明 ***.exe 中或它所加载的任何 DLL 中有 Bug
- hdfs fsck命令查看HDFS文件对应的文件块信息(Block)和位置信息(Locations)
- 如何改变Android标准键的颜色?