使用Ajax時出現亂碼怎么解決

ajax的全稱是asynchronous javascript and XML ,它是異步的js和XML。它是局部刷新，異步操作。

大家都知道ajax是單線程的，而且本身是同步的，但是單線程為什么可以異步肯定大多數人并不知道，下面由張燕妮同學給大家講解一下子（不是很官方，但是很好理解）：

在講解之前我先給大家說一下線性數據結構吧，我們可以把單線性數據結構當成一條線段，線段是有頭有尾的大家總知道吧，單線程就是線段的頭部沒有前區，尾部沒有后區，中間的每個元素前后都各有兩個元素，少了一個元素的時候，同時會有兩個元素知道并且告訴你。而且是缺一個元素都不行。

回調函數就是把函數A當做參數傳遞給函數B，函數B執行這個函數A。回調函數最常見的用法就是我們ajax請求數據時用到的succes() and error()這兩個函數，還有setInterval里面的第一個參數，也是用了回調函數。回調函數，回調函數，回調的字面意思可不就是掉個頭回去再把那條路走一遍嘛。所以ajax在回調函數success()或者error被觸發的時候掉過頭去又走了一次，然后他就是異步的了，同時ajax是異步的，跟他類似的還有es6的promise(異步的同步操作)。

瀏覽器的進程是多進程的，至于為什么就跟你為什么叫XXX是一個道理呦~

第二個問題，當萬能的前端遇到ajax獲取后臺數據時亂碼是怎么回事應該是大家很糾結的。
-或許是網速問題，網太慢。

-或許是編碼格式不統一，你的后臺兄弟坑了你，哈哈哈哈

ajax原生代碼都可否記得，不如我帶你們捋一遍呀，看代碼:

//1.創建xmlhttpRequest對象
var xhr;
try{
 xhr = new XMLHttpRequest();
 console.log(5555)
}
catch(e){
//ie瀏覽器低版本兼容
 xhr = new ActiveXobject("Microsoft.XMLHTTP");
}
finally{
 console.log(1111)
}
// try{} catch{} finally{}在這里是處理異常的方法，用if{}else{}也ok 
//if(window.XMLHttpRequest){
 // xhr = new XMLHttpRequest();
// }else{
 //ie瀏覽器低版本的兼容
 // xhr = new ActiveXobject("Microsoft.XMLHTTP")
//}
//2.建立異步連接
xhr.open("get","url/+string",true/false);//true是異步，false是同步
//xhr.open("post","url",true/false)
//3.發送異步請求
 xhr.send(null);//get
 xhr.send(string);//post
//4.獲取返回數據
 xhr.onreadystatechange = function (){
 if((xhr.readystate)==4&&(xhr.status==200)){
 var data = xhr.responseText;
 var data = JSON.parse(data);
 show(data);
}
}
function show(data){
 document.getElementById("p1").innerHTML = data;
}

相信看了本文案例你已經掌握了方法，更多精彩請關注Gxl網其它相關文章！

推薦閱讀：

Ajax方法實現Form表單提交的方法

jQuery怎么驗證Ajax提交表單傳參

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com