ajax - $.ajax 调用中不允许使用 Access-Control-Allow-Origin

Question

我正在尝试加载这个公共 API：

https://api.paris.fr:3000/data/1.1/QueFaire/get_geo_activities/?token=3fc939c673e62e7a161ef036699c0a22bc1eed9f076da6236eaca89ab6ef4521&created=0&lat=48.8742&lon=2.3470&radius=1000&offset=0&limit=30 using $.ajax() and I get the following error ：

Origin http://localhost:8000 is not allowed by Access-Control-Allow-Origin.

不使用 JSONP 怎么办？api.paris.fr不接受 ?callback=?

另外，由于 api.paris.fr 不是我的，没有 api.paris.fr 怎么办header("Access-Control-Allow-Origin: *");？

Answer 1

由于这个标题Access-Control-Allow-Origin:https://api.paris.fr，浏览器不会让你这样做。作为一种解决方法，您可以使用代理。制作一个 PHP 脚本（或类似脚本），从原始源中获取 JSON 并输出它。

apiproxy.php

<?php
echo file_get_contents("https://api.paris.fr:3000/data/1.1/QueFaire/get_geo_activities/?token=3fc939c673e62e7a161ef036699c0a22bc1eed9f076da6236eaca89ab6ef4521&created=0&lat=48.8742&lon=2.3470&radius=1000&offset=0&limit=30");

jQuery

$.get("http://yourserver.com/apiproxy.php", function(data) {
    // use data
})

Answer 2

你可以试试 $.ajax({crossDomain:true})。不确定它是否有帮助。