Ajax
2018-04-08 17:24 廖向乾 阅读(149) 评论(0) 编辑 收藏 举报传统的网页没有使用Ajax技术,当更新网页内容时要重新加载页面来重写页面,如果是整个网站,这工作量无疑是巨大的,但有了Ajax技术,我们在后台进行表单设计时,加入相关代码,实现异步输入输出,局部更新,这就使工作变得轻便。例如,现在很多的知名网站,像腾讯,新浪,谷歌,百度地图等等,都使用了这种技术。
而要学习Ajax技术,拥有HTML,CSS,和JS的基础就够了。
传统的同步加载令人疯狂,是因为缺少了一个对象,那就是XMLHttpRequest对象。有了这个对象之后,可以实现后台和服务器之间数据的交换,达到页面的局部请求和刷新,这就是Ajax的异步功能。
想要达到这种功能我们要做的是:
1:用HTML和CSS写出页面,表达信息。
2:用XMLHttpRequest和Web服务器进行数据的异步交换。
3:用javascript操作DOM,实现动态局部刷新。
重要的是第二点,怎么样创建XMLHttpRequest对象呢?
是下面这句话:
var request=new XMLHttpRequest();
但是IE5和IE6是不兼容的。
所以要这样写:
var request;
If(window.XMLHttpRequest){
request=new XMLHttpRequest();
}else{
request=new ActiveXObject(“Microsoft.XMLHTTP”);//IE6,IE5
}
即如果有XMLHttpRequest的定义就直接使用,如果没有就创建一个ActiveXObject对象使用。
Ajax流程是这样的:
1.从Web表单中获取需要的数据。
2.建立要连接的URL。
3.打开到服务器的连接。
4.设置服务器在完成后要运行的函数。
5.发送请求。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
· 如何给本地部署的DeepSeek投喂数据,让他更懂你
· 超详细,DeepSeek 接入PyCharm实现AI编程!(支持本地部署DeepSeek及官方Dee
· 用 DeepSeek 给对象做个网站,她一定感动坏了
· .NET 8.0 + Linux 香橙派,实现高效的 IoT 数据采集与控制解决方案
· .NET中 泛型 + 依赖注入 的实现与应用