面试官：请口述说明ajax的实现步骤？什么情况下会导致跨域？

原创于 2022-11-13 08:34:03 发布 · 210 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端

前端面试题专栏收录该内容

8 篇文章

订阅专栏

本文详细介绍了如何使用原生JavaScript实现Ajax请求的四个关键步骤：创建XMLHttpRequest对象，打开连接，发送请求及处理响应。同时，讨论了跨域问题，指出当协议、端口、域名或IP地址不同时，会导致跨域限制，限制了不同源之间的数据交互。

可以这么回答：

1原生Ajax的实现步骤：

	1.创建对象
	var xhr=new XMLHttpRequest()
	2.打开浏览器
	xhr.open('GET'/'post','请求地址')
	3.发送请求
	xhr.send()
	4.根据发送请求返回的状态码决定状态
	xhr.onreadystatechange=function(){
		if(this.readyState==4&&this.status==200){
			//5.请求成功
			console.log(this.responseText)
		}else{
		}
	}

2.什么情况下会导致跨域:

不同源策略时会导致跨域
协议不同、
端口号不同、
域名不同
IP地址不同
网址不同

这些都会导致跨域；