小白程序猿必看!!ajax的进阶之路~~
程序员文章站
2022-03-29 09:13:44
...
刚入门的小白程序猿们一定会接触到ajax 作为程序猿必备的内容 今天我们一起先来了解一下吧~
1.什么是ajax
Ajax的全称Asynchronous JavaScript + XML(异步JavaScript和XML)。
Ajax是一种技术方案,但并不是一种新技术。它依赖现有的CSS/HTML/JavaScript,而其中最核心的依赖是浏览器提供的XMLHttpRequest对象,是这个对象使得浏览器可以发出HTTP请求与接收HTTP响应。实现了在页面不刷新的情况下和服务器进行数据交互。
2.ajax优点
优点:
1.异步请求,不妨碍用户浏览页面或者其他操作。
2.局部刷新,无需重新刷新页面。
3.界面与应用分离。有利于分工合作、减少非技术人员对页面的修改造成的WEB应用程序错误、提高效率、也更加适用于现在的发布系统。
4.基于标准被广泛支持。
5.前端和后端负载平衡。最大程度的减少冗余请求和响应对服务器造成的负担,提升站点性能。
3.XMLHttpRequest
XMLHttpRequest 对象用于和服务器交换数据。向服务器发送请求.
如需将请求发送到服务器,我们使用 XMLHttpRequest 对象的 open() 和 send() 方法:
xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();
方法 描述
open(method,url,async) 规定请求的类型、URL 以及是否异步处理请求。
method:请求的类型;GET 或 POST
url:文件在服务器上的位置
async:true(异步)或 false(同步)
send(string) 将请求发送到服务器。
string:仅用于 POST 请求
4.创建xhr对象和兼容问题
兼容性问题
获得xhr对象
非ie:new XMLHttpRequest()
ie:new ActiveXObject()
写法:
if(window.XMLHttpRequest){//大多数浏览器
var xhr=new XMEHttpRequest();
}else{
var xhr=new ActiveXObject();//ie浏览器
}
上一篇: 【小白必看】mongodb从不懂到入门
下一篇: Viewport的宽度和高度
推荐阅读