ASP.NET環境下XMLHttpRequest中responseText()方法返回值為空問題討論
一、問題產生環境：用JavaScript的XMLHttpRequest發送GET請求，請求的數據來自asp.net接口，數據格式為string或json。
代碼如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title></title> <script src="js/jquery-1.4.2.js" type="text/javascript"></script> <script type="text/javascript"> function btn_click() { var xmlHttp = new XMLHttpRequest(); if(!xmlHttp){ alert("error from create xmlHttp!"); return; } //配置XMLHttpRequest對象 xmlHttp.open("GET", "http://192.168.1.102:8030/get.aspx",true); //設置回調函數 xmlHttp.onreadystatechange = function () { if (xmlHttp.readyState == 4 && xmlHttp.status == 200) { document.getElementById("result").innerHTML = xmlHttp.responseText; } } //發送請求 xmlHttp.send(null); } </script> </head> <body> <input type="button" value="獲取系統當前時間" id="btn" onclick="btn_click();" /> <div id="result"> </div> </body> </html>
二、分析：
1.如果將asp.net接口已本地調試的方法給出，那么xmlHttp.status的值將為0；
2.通過調試，xmlHttp.responseText的返回值為空的原因與接口給出的數據格式無關；
3.最終發現是跨域問題。
三、解決方法：
在配置文件中(Web.config)加入以下代碼已解決跨域問題：
<system.webServer> <httpProtocol> <customHeaders> <add name="Access-Control-Allow-Origin" value="*" /> <add name="Access-Control-Allow-Headers" value="Content-Type" /> <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" /> </customHeaders> </httpProtocol> </system.webServer>
查看原文：http://www.cnblogs.com/zhangtingzu/