No 'Access-Control-Allow-Origin' header is present on the requested resource.'Ajax跨域访问解决方案

最新推荐文章于 2024-10-11 20:09:12 发布

承蒙时光不弃1769203735

最新推荐文章于 2024-10-11 20:09:12 发布

阅读量403

点赞数

分类专栏：前端文章标签： ajax 跨域跨域请求

本文链接：https://blog.csdn.net/qq_36742720/article/details/82724346

版权

前端专栏收录该内容

155 篇文章 2 订阅

订阅专栏

出现该错误是由于存在网站跨域访问的问题。

什么是网站跨域，简单来讲，当你通过ajax来请求或发送数据时，两个域名之间不能跨过域名来发送请求或者请求数据，浏览器会认为它是不安全的。

解决方式：

1、服务器端解决方案

设置响应报文头

response.setHeader("Access-Control-Allow-Origin", "*");

“Access-Control-Allow-Origin”表示允许跨域访问，“*”表示允许所有来源进行跨域访问，这里也可以替换为特定的域名或ip。

2、客户端解决方案

将ajax请求中的dataType属性设置为“jsonp”，jsonp是专门用来解决跨域访问而诞生的。

$(function($){
      var url = 'http://*****/index';
      $.ajax(url, {
        data: {
          'cityname': '成都',
          'date': '2016.12.12'
        },
        dataType: 'jsonp',
        crossDomain: true,
        success: function(data) {
          if(data && data.resultcode == '200'){
            console.log(data.result.today);
          }
        }
      });