国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > AJAX > 正文

ajax以及一些亂碼問題

2024-09-01 08:31:28
字體:
來源:轉載
供稿:網友
很就以前在使用AJAX的時候,那時候還不知道AJAX。于是在任務中被AJAX的亂碼問題搞的頭破血流。

創建xmlhttprequest 對象。

復制代碼 代碼如下:

return window.ActiveXObject ? new window.ActiveXObject('Microsoft.XMLHTTP') : new XMLHttpRequest;


次對象一個 onreadystatechange 事件。有兩個屬性readyState,status。簡單的AJAX我們將使用到這幾個東西。
以下使用到的createXMLHttp()方法就是上面這段代碼!
1:以GET方式發出一個請求的實現;

復制代碼 代碼如下:


var get = function(url, b, callback){
var xmlhttp = createXMLHttp();
xmlhttp.onreadystatechange = function(){
if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
callback(xmlhttp.responseText);
}
}
if(b != undefined){
var arr=[],e;
for( e in b ){
arr.push(e + '=' + encodeURIComponent(b[e]));
//arr.push(e + '=' + b[e]);
// 經過測試如果不使用 encodeURIComponent 編碼在IE8下無法正確傳遞中文
}
url += '?' + arr.join('&');
}
xmlhttp.open('GET', url, true);
xmlhttp.send();
}

// 具體這個函數的參數設置也可以根據自己的習慣來設置


使用GET方式去發送一個請求,我們是把要傳遞的參數格式化(a=1,b=2) 以后附加到URL的后面。
服務器頁面使用獲取URL參數的方式即可獲得。(比如Php: $_GET["a"]);
值得注意的是我們在格式化參數的時候 使用到一個 encodeURIComponent()方法進行了編碼是為了不出現亂碼;
其實有3個方法可以完成這個工作。escape,encodeURI,encodeURIComponent,大家可以查下資料。前兩個方法對于一些特殊字符還是沒有進行編碼。
所以使用第3個是比較好的選擇了。
如果你不使用編碼直接發送數據,各個瀏覽器的表現可能不一樣。比如IE你在發送中文數據的時候就會出現亂碼(當然出現亂碼的情況還很多,請接著看..)。

2:以POST方法發送一個請求的實現

復制代碼 代碼如下:


var ajax = function(a){
var xmlhttp = createXMLHttp();
xmlhttp.onreadystatechange = function(){
if(xmlhttp.readyState == 4 && xmlhttp.status == 200 ){
a.success(xmlhttp.responseText);
} else return xmlhttp;
}
xmlhttp.open('POST', a.url, true);
// 請求為post的時候 必須設置頭信息
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
// 序列化要發送的數據
var c = [];
for(var e in a.data){
c.push(e + '=' + encodeURIComponent(a.data[e]));
// 經過測試 經過URL編碼以后更能夠保證發送數據的正確性。
      //不編碼可能造成部分特殊字符不能正確發送
}
a.data = c.join('&');
xmlhttp.setRequestHeader("Content-length", c.length); // 好像是可選
xmlhttp.setRequestHeader("Connection", "close"); // 好像是可選
xmlhttp.send(a.data);
// 次數據發送以后服務端 使用 post 獲取數據 比如php $_POST['a'];
}


參數a是一個對象 他包含 {url:"http:...",data:{a:1,b2},success:function(){}}
             地址 數據 成功回調函數  
使用POST方法發出請求。數據也必須格式化(a=1,b=2) ;不過跟GET方法不一樣的地方是 我們是把數據寫在了send()方法里(xmlhttp.send(a.data);)。
服務器頁面使用獲取表單數據的方式即可獲得。(比如Php: $_POST["a"]);
值得注意的是在使用post發送請求的時候 我們必須設置請求的頭信息。
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
經過測試如果不設置Content-type為application/x-www-form-urlencoded;服務器頁面是無法獲取到通過send()方法發送的數據。

最后 關于亂碼的問題。上面已經有兩個地方會出現錯誤了。
1:比如參數沒有進行編碼直接傳遞,會出現傳遞不成功的問題。
2:在使用POST方法的時候沒有設置Content-type,服務器頁面無法獲取發送過來的參數;
3:發送請求頁面與請求頁面的編碼問題。在標準瀏覽器下請一定保持請求頁面和被請求頁面的編碼方式是utf-8,不然中文會很悲劇。

復制代碼 代碼如下:


<!--<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />-->
<!--// 經過測試 不使用上面的meta 申明charset在IE下會出現亂碼-->
<!--
* header("Content-Type: text/html; charset=gb2312");
被調用的AJAX頁面使用了gb2312的編碼 在chorme下出現了亂碼。
在IE下正常訪問
-->


上面這里出現亂碼的情況非常亂,不好排除。所以保持兩個頁面編碼為UTF-8 參數編碼后在傳遞。可以有效防止亂碼
我測試的幾個文件打包
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 乐业县| 承德县| 栾城县| 新乡市| 四子王旗| 天台县| 辉县市| 阿克苏市| 都匀市| 横峰县| 大邑县| 宣汉县| 文昌市| 会昌县| 东乡族自治县| 响水县| 旬阳县| 浦江县| 深水埗区| 西平县| 县级市| 延边| 平乡县| 晋州市| 蓬溪县| 达州市| 福建省| 关岭| 西充县| 张家港市| 周至县| 贵定县| 宁波市| 万山特区| 凤阳县| 禹城市| 湖南省| 景谷| 田东县| 灵璧县| 汉中市|