ajax常见的面试题

1. 什么是ajax？

　　AJAX = Asynchronous （异步） JavaScript and XML，是一种用于创建快速动态网页的技术。

2. ajax接受到的数据类型是什么？

　　2.1 string

　　2.2 JSON字符串

　　2.3 JSON对象

3. ajax的适用场景有哪些？优点和确定分别是什么？

　　适用场景：表单的失焦验证，表单的自动补全功能，页面只需要局部刷新的时候。

　　优点：

　　　　1. 页面局部刷新。

　　　　2. 使用异步方式与服务器通信，具有更加迅速的响应能力。

　　　　3. AJAX可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。并且减轻服务器的负担，AJAX的原则是“按需取数据”，可以最大程度的减少冗余请求和响应对服务器造成的负担，提升站点性能。

　　　　4. 基于标准化的并被广泛支持的技术，不需要下载插件或者小程序。

　　缺点：

　　　　1. AJAX干掉了Back和History功能，即对浏览器机制的破坏。

　　　　2. 安全问题 AJAX暴露了与服务器交互的细节。

　　　　3. 对搜索引擎支持较弱。

　　　　4. AJAX不能很好支持移动设备。

　　　　5. 不易于调试。

4. 创建ajax的步骤？

<script>
		// 1.创建ajax对象-xmlhttprequest对象
		// XMLHttpRequest 对象

		// variable=new XMLHttpRequest();    新版本的浏览器
		// variable=new ActiveXObject("Microsoft.XMLHTTP");    //老版本的IE  ，IE5，IE6
		var xhr;
		if(window.XMLHttpRequest){    //常规，如果有，直接使用
			xhr = new XMLHttpRequest();
		}else{   //如果没有，老版本IE
			xhr = new ActiveXObject("Microsoft.XMLHTTP");
		}
		console.log(xhr)
		console.log("状态码:" + xhr.readyState);
		console.log('响应码：' + xhr.status);
		console.log('响应文本:' + xhr.responseText);
		console.log('步骤一完成')

		// 2.通过监听ajax的状态的改变来监听
		xhr.onreadystatechange = function(){
			console.log('xhr的状态码发生了改变');
			console.log("状态码:" + xhr.readyState);
			console.log('响应码：' + xhr.status);
			console.log('响应文本:' + xhr.responseText);
			console.log('\n');
		}
		console.log('步骤二完成')

		// 3.创建请求的消息，连接服务器      状态码0=>1
		xhr.open('GET','07.php',true);    //最后一个参数是bool，表示同步||异步，true异步
		console.log('步骤三完成')

		// 4.发送
		xhr.send(null);   //如果是post请求，就放post参数，如果是get请求，发送null就行了
</script>

5. 同步和异步的区别？

　　同步会阻塞代码的运行。

　　　　代表：循环，script加载src

　　异步不会阻塞代码的运行。

　　　　代表：定时器，link加载css，img加载src

6. GET和POST的区别？

　　GET：传递的参数在地址栏中，发送的数量有限，一般在2000个字符左右。

　　POST：传递的参数在请求体中，理论上，如果网速良好的情况下，对发送的参数是没有限制的。

7. ajax请求是GET和POST的区别？

　　get一般用来进行查询操作，url地址有长度限制，请求的参数都暴露在url地址当中，如果传递中文参数，需要自己进行编码操作，安全性较低。

　　post请求方式主要用来提交数据，没有数据长度的限制，提交的数据内容存在于http请求体中，数据不会暴漏在url地址中。

8. http常见的状态码有那些？分别代表是什么意思？

　　200 - 请求成功

　　301 - 资源（网页等）被永久转移到其它URL

　　404 - 请求的资源（网页等）不存在

　　500 - 内部服务器错误

9. ajax和JSON对比，两者的优缺点？

　　ajax：优点：可以使得页面不重载全部内容的情况下加载局部内容，降低数据传输量，避免用户不断刷新或者跳转页面，提高用户体验。

　　　　   缺点：对搜索引擎不友好；要实现ajax下的前后退功能成本较大；可能造成请求数的增加跨域问题限制

　　JSON：优点：轻量级、易于人的阅读和编写，便于机器（JavaScript）解析，支持复合数据类型（数组、对象、字符串、数字）

10. 解释jsonp的原理，以及为什么不是真正的ajax

　　Jsonp并不是一种数据格式9，而json是一种数据格式，jsonp是用来解决跨域获取数据的一种解决方案，具体是通过动态创建script标签，然后通过标签的src属性获取js文件中的js脚本，该脚本的内容是一个函数调用，参数就是服务器返回的数据，为了处理这些返回的数据，需要事先在页面定义好回调函数，本质上使用的并不是ajax技术。