No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin '

最新推荐文章于 2024-03-16 20:12:23 发布

hhy018

最新推荐文章于 2024-03-16 20:12:23 发布

阅读量4.6k

点赞数

分类专栏： webservice

本文链接：https://blog.csdn.net/hhy018/article/details/79382615

版权

webservice 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

服务端是webapi写的

前端html访问

<!DOCTYPE html>
<html>
	<head>
		<meta charset="GB2312">
		<title></title>
		<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/swiper-2.1.min.js"></script>
<script type="text/javascript" src="js/lazyload.js"></script>


	</head>
	<body> 
		 
		   <script type="text/javascript">
    
      function ajax() {


          //先声明一个异步请求对象
          var xmlHttpReg = null;
          if (window.ActiveXObject) {//如果是IE


              xmlHttpReg = new ActiveXObject("Microsoft.XMLHTTP");


          } else if (window.XMLHttpRequest) {


              xmlHttpReg = new XMLHttpRequest(); //实例化一个xmlHttpReg
          }


          //如果实例化成功,就调用open()方法,就开始准备向服务器发送请求
          if (xmlHttpReg != null) {
              xmlHttpReg.open("get", "http://localhost:56662/api/webapi", true);1
               xmlHttpReg.send(null);
              xmlHttpReg.onreadystatechange = doResult; //设置回调函数


          }


          //回调函数
          //一旦readyState的值改变,将会调用这个函数,readyState=4表示完成相应


          //设定函数doResult()
          function doResult() {
          
              if (xmlHttpReg.readyState == 4) {//4代表执行完成
                 
                 
                  if (xmlHttpReg.status == 200) {//200代表执行成功
                      //将xmlHttpReg.responseText的值赋给ID为resText的元素
                      document.getElementById("resText").innerHTML = xmlHttpReg.responseText;
                      
                      alert(xmlHttpReg.responseText);
                  }
              }


          }
        


      }
     </script>
	 	  <div id="resText"></div>
      <form method=get action=""> 
        <input type="button" value="测试"  οnclick="ajax();"/>
      </form>
	</body>
</html>

解决方案：

只需要在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>

</handlers>

</system.webServer>

标记一下再次防止犯错

hhy018

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin '

服务端是webapi写的前端html访问&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="GB2312"&gt; &lt;title&gt;&lt;/title&gt; &lt;script type="text/javascript" src="js/jque
复制链接

扫一扫