Restler 2跨域POST AJAX调用



我已经使用Restler 2构建了一个简单的REST API服务器。现在我正试图用AJAX从我的localhost向该API发送POST请求,并且我看到之前正在发送OPTIONS请求,并且Restler不处理它。

我添加了这个

header('Access-Control-Allow-Origin:  *');
header('Access-Control-Allow-Methods: POST, GET, OPTIONS, PUT, PATCH, DELETE');
header('Access-Control-Max-Age: 1000');
header('Access-Control-Allow-Headers: *');

到我的服务器的index.php,正如这里为Restler 3建议的那样,但这并没有解决问题。我也看了看这个问题,并尝试了最后两个答案的建议(几乎和之前一样),但也不起作用。我真的需要使用jsonp(参考问题的第一个答案)吗?实际上发送GET请求而不是POST,这不是很尴尬吗?

我的AJAX调用:

$.ajax({
    type: "post",
    url: "http://{MY_URL}/index.php/paint", 
    dataType: "json",
    contentType: "application/json",
    data: JSON.stringify(data), 
    success: function(data){ 
        console.log("post success " + data);
    },
    error: function(xhr,err){
            console.log("readyState: "+xhr.readyState+"nstatus: "+xhr.status);
            console.log("responseText: "+xhr.responseText);
            console.log(err);
    }
});

,输出为:

OPTIONS http://{MY_URL}/index.php/paint 404 (Not Found) jquery-1.10.2.js:8706
XMLHttpRequest cannot load http://{MY_URL}/index.php/paint. Invalid HTTP status code 404 

为将来遇到同样问题的人提供参考。

简单地在index.php上添加这些标题不起作用。

header('Access-Control-Allow-Origin:  *');
header('Access-Control-Allow-Methods: POST, GET, OPTIONS, PUT, PATCH, DELETE');
header('Access-Control-Max-Age: 1000');
header('Access-Control-Allow-Headers: *');

然而,在这篇文章中找到了一个解决方案。因此,我将以下代码添加到index.php的开头,它可以与简单的json请求一起工作(不需要jsonp)。

// Allow from any origin
if (isset($_SERVER['HTTP_ORIGIN'])) {
    header("Access-Control-Allow-Origin: {$_SERVER['HTTP_ORIGIN']}");
    header('Access-Control-Allow-Credentials: true');
    header('Access-Control-Max-Age: 86400');    // cache for 1 day
}
// Access-Control headers are received during OPTIONS requests
if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') {
    if (isset($_SERVER['HTTP_ACCESS_CONTROL_REQUEST_METHOD']))
        header("Access-Control-Allow-Methods: GET, POST, OPTIONS");         
    if (isset($_SERVER['HTTP_ACCESS_CONTROL_REQUEST_HEADERS']))
        header("Access-Control-Allow-Headers:        {$_SERVER['HTTP_ACCESS_CONTROL_REQUEST_HEADERS']}");
    exit(0);
}

相关内容

  • 没有找到相关文章

最新更新