2025年Ajax系列面试题总结

Ajax 系列面试题总结：1、Ajax 是什么? 怎样创立一种 Ajax？Ajax 并不算是一种新的技术，全称是 asychronous javascript and xml，可以说是已经有技术的组合，重要用来实现客户端与服务器端的异步通信效果，实现页面的局部刷新初期的浏览器并不能原生支持 ajax，可以使用隐藏帧（iframe）方式变相实现异步效果，后来的浏览器提供了对 ajax 的原生支持使 用 ajax 原 生 方 式 发 送 祈 求 重 要 通 过 XMLHttpRequest( 原 则 浏 览 器 ) 、ActiveXObject(IE 浏览器)对象实现异步通信效果基本环节：var xhr =null;//创立对象 if(window.XMLHttpRequest){xhr = new XMLHttpRequest();}else{xhr = new ActiveXObject("Microsoft.XMLHTTP");} xhr.open(“方式”,”地址”,”标志位”);//初始化祈求 xhr.setRequestHeader(“”,””);//设置 http 头信息 xhr.onreadystatechange =function(){}//指定回调函数 xhr.send();//发送祈求 js 框架（jQuery/EXTJS 等）提供的 ajax API 对原生的 ajax 进行了封装，熟悉了基础理论，再学习别的框架就会得心应手，好多都是换汤不换药的内容 2、同步和异步的区别?同步：阻塞的-张三叫李四去吃饭，李四一直忙得不停，张三一直等着，直到李四忙完两个人一块去吃饭=浏览器向服务器祈求数据，服务器比较忙，浏览器一直等着（页面白屏），直到服务器返回数据，浏览器才能显示页面异步：非阻塞的-张三叫李四去吃饭，李四在忙，张三说了一声然后自己就去吃饭了，李四忙完后自己去吃=浏览器向服务器祈求数据，服务器比较忙，浏览器可以自如的干本来的事情（显示页面），服务器返回数据的时候告知浏览器一声，浏览器把返回的数据再渲染到页面，局部更新3、怎样处理跨域问题?理解跨域的概念：协议、域名、端口都相似才同域，否则都是跨域出于安全考虑，服务器不容许 ajax 跨域获取数据，不过可以跨域获取文献内容，因此基于这一点，可以动态创立 script 标签，使用标签的 src 属性访问 js 文献的形式获取 js脚本，并且这个 js 脚本中的内容是函数调用，该函数调用的参数是服务器返回的数据，为了获取这里的参数数据，需要事先在页面中定义回调函数，在回调函数中处理服务器返回的数据，这就是处理跨域问题的主流处理方案4、页面编码和被祈求的资源编码假如不一致怎样处理？对于 ajax 祈求传递的参数，假如是 get 祈求方式，参数假如传递中文，在...