ASP.NET环境下XMLHttpRequest中responseText()方法返回值为空问题讨论

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› ASP.NET›ASP.NET编程经验

原作者: [db:作者] 来自: [db:来源] 收藏邀请

一、问题产生环境：用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>