欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

小白程序猿必看!!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浏览器
    }
相关标签: 前端 ajax