導讀ajax是前端研發(fā)初學者最頭疼的技術(shù)點之一，常言道“面試造航母，上班擰螺絲”，那么對于出去面試的小白，如何破解呢？下面小編給大家總結(jié)了ajax相關(guān)的高頻面試....

ajax是前端研發(fā)初學者最頭疼的技術(shù)點之一，常言道“面試造航母，上班擰螺絲”，那么對于出去面試的小白，如何破解呢？下面小編給大家總結(jié)了ajax相關(guān)的高頻面試問題，帶答案精講。

1、你在工作中有沒有遇到需要跨域的情況，如果有請說一下你的解決方案。vue的解決方案是什么？

跨域：協(xié)議、端口、域名；瀏覽器的“同源策略”，服務(wù)器端無跨域（關(guān)鍵詞：同源策略）一般跨域會報這樣的錯誤：No Access-Control-Allow-Origin header is present on the requested resource,并且The response had HTTP status code 404解決方案：jsonp方式、cors方式、代理請求方式 jsonp：利用<script>腳本擁有跨域能力,所以jsonp可以解決跨域問題。需要協(xié)助后端工程師一起解決 cors：后端/運維工程師解決。 app.all(*, function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); // 也可以寫上具體的IP地址 res.header("Access-Control-Allow-Headers", "X-Requested-With"); res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS"); res.header("X-Powered-By", 3.2.1) res.header("Content-Type", "application/json;charset=utf-8"); next(); }); 代理請求方式：前端ajax請求自己的本地接口，然后本地接口接收到請求后向?qū)嶋H的接口請求數(shù)據(jù)，然后再將信息返回給前端 vue解決方案：`核心原理，服務(wù)器代理`。使用proxyTable的原理就是將域名發(fā)送給本地的服務(wù)器，再由本地的服務(wù)器去請求真正的服務(wù)器。在配置文件中添加： proxyTable:{ /: { target: http://www.web.cn/api, //你要訪問的服務(wù)器域名 changeOrigin: true, //允許跨域 pathRewrite: { ^/: //重寫規(guī)則 只要訪問的是/開頭的都會自動處理成http://www.web.cn/api } } }

2、(原生)ajax常用的方法有哪些？簡單講一下區(qū)別

//注意看注釋內(nèi)容var xhr = new XMLHttpRequest(); xhr.open("post","validate.php"); //調(diào)用open(method, url ,async)設(shè)置請求信息 //post提交需設(shè)置header頭 調(diào)用setRequestHeader(header,value)設(shè)置HTTP請求頭 xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); xhr.send("username=" name); //調(diào)用send([string])發(fā)送 xhr.onreadystatechange = function(){ // 判斷服務(wù)器是否響應(yīng)，判斷異步對象的響應(yīng)狀態(tài) if(xhr.status == 200 && xhr.readyState == 4){ document.querySelector(".showmsg").innerHTML = xhr.responseText; } }

3、ajax中g(shù)et請求和post請求的區(qū)別有哪些？

1、形式：get請求會將參數(shù)跟在URL后面進行參數(shù)傳遞，而post請求則是作為http消息的實體內(nèi)容發(fā)送給web服務(wù)器； 2、大小：get提交的數(shù)據(jù)限制是1024字節(jié)，這種顯示是來自特定瀏覽器和服務(wù)器對它的限制。 3、安全：在某種情況下，get方式會帶來嚴重的安全問題，而post相對來說可以避免這些問題。

4、http狀態(tài)碼有哪些？分別代表什么意思？（大家在寫的時候?qū)懸恍┑湫偷臓顟B(tài)碼，如：200，302，403，404，500，502）

這里是方便大家記憶： 2XX系列響應(yīng)代碼表明：操作成功了，表示服務(wù)器成功響應(yīng)了客戶端所請求的動作 3XX系列響應(yīng)代碼表明：客戶端需要做些額外工作才能得到所需要的資源。它們通常用于GET請求 4XX系列響應(yīng)代碼表明：客戶端出現(xiàn)錯誤，不是認證信息有問題，就是表示格式或HTTP庫本身有問題。客戶端需要自行改正 5XX系列響應(yīng)代碼表明：服務(wù)端錯誤，意味著服務(wù)器處于不能執(zhí)行客戶端請求的狀態(tài)，此時客戶端應(yīng)稍后重試

5、json和jsonp的區(qū)別

JSON是一種數(shù)據(jù)交換格式，而JSONP是一種非官方跨域數(shù)據(jù)交互協(xié)議，動態(tài)創(chuàng)建script標簽利用src可跨域的能力解決跨域問題。json是描述信息的格式，jsonp是信息傳遞雙方約定的協(xié)議。

其實ajax相關(guān)的高頻面試題就這樣，把這些掌握了，面試沒問題～

加油～