在API上执行jquery ajax请求时发生CORS错误

Question

我正在使用jQuery ajax将请求发送到某些API。由于有CORS政策，我在浏览器的控制台上收到了CORS错误

这是通过代码

$.ajax({
        url: sendHere,//api url
        type: 'GET',
        contentType: 'text/plain',
        crossDomain: true,
        beforeSend: function(xhr){
            xhr.withCredentials = true;
        },
    }).done(function (result) {

        console.log(result);

    }).error(function (err) {
        //console.log(err);
    });

错误

所请求的资源上存在“ Access-Control-Allow-Origin”标头。因此，不允许访问来源“
http://www.mywebsite.com ”。

我尝试通过安装chrome扩展程序以启用允许跨源请求来解决此问题。此扩展以某种方式解决了我的问题，并从api得到了响应。但是安装扩展不是很好。

我也尝试使用JSONP（dataType：’jsonp’）发出请求，但api给出的响应不是json格式，它是字符串，因此会产生错误。

用JSONP编码

$.ajax({
        url: sendHere,//api url
        type: 'GET',
        crossDomain: true,
        dataType:'jsonp',
    }).done(function (result) {

        console.log(result);

    }).error(function (err) {
        //console.log(err);
    });

未捕获的ReferenceError：未定义E0002，其中“ E0002”是来自api的响应字符串

！！！请帮忙！！！

Answer 1

有2种情况-

1. 如果您可以控制api代码，则

更改标题，并添加您的来源。

1. 如果您无权更改来自api的CORS标头

您只有一个选择，可以用您喜欢的任何一种语言创建后端代码（您自己的api），以发出http请求并获取数据。现在使用您自己的api在前端获取数据。