ASP.NET環境下XMLHttpRequest中responseText()方法返回值爲空問題討論

ASP.NET環境下XMLHttpRequest中responseText()方法返回值爲空問題討論

一、問題產生環境:用JavaScriptXMLHttpRequest發送GET請求,請求的數據來自asp.net接口,數據格式爲stringjson

 

代碼如下:

 

<!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/

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章