jQuery PHP跨域请求问题

时间:2014-04-07 22:04:00

标签: javascript php jquery ajax json

我相信之前已经问过这个问题,但给出的答案并不足以确定我的代码出错的地方。如果存在类似的问题我会道歉;我花了几个小时搜索,但找不到解决方案。

我在PHP中构建了一个小型RESTful-esque服务,将数据库信息带入我的网站。我能够成功地从浏览器和Fiddler拨打电话,但当我尝试从$.ajax()请求数据时,我就会轰炸。首先,让我发布PHP代码:

我正在呼叫http://api.horodyski.me

class ApiController
{
    protected $endpoint = '';
    protected $method = '';
    protected $verb = '';
    protected $args = Array();

    public function __construct($request)
    {
        header("Access-Control-Allow-Orgin: *");
        header("Access-Control-Allow-Methods: GET");
        header("Content-Type: application/json");

        $this->args = explode('/', rtrim($request, '/'));
        $this->endpoint = array_shift($this->args);

        if (array_key_exists(0, $this->args) && !is_numeric($this->args[0])) { $this->verb = array_shift($this->args); }

        $this->method = $_SERVER['REQUEST_METHOD'];

        if($this->method != 'GET')
            throw new Exception("Unexpected Header");
        $this->request = $this->_cleanInputs($_GET);               

    }

    public function processAPI()
    {
        $class = $this->endpoint."Controller";
        if(class_exists($class))
        {
            $controller = new $class();
            return $this->_response($controller->getAllItems());
        }
        return $this->_response("No Endpoint: ".$this->endpoint, 404);
    }

    private function _response($data, $status = 200)
    {
        header("HTTP/1.1 ".$status." ".$this->_requestStatus($status));
        // $data comes back from controller in JSON format.
        return json_encode($data);
    }

    private function _cleanInputs($data)
    {
        $cleanInput = Array();
        if(is_array($data))
            foreach($data as $k => $v)
                $cleanInput[$k] = $this->_cleanInputs($v);
        else
            $cleanInput = trim(strip_tags($data));
        return $cleanInput;
    }

    private function _requestStatus($code)
    {
        $status = array(
            200 => 'OK',
            404 => 'Not Found',
            405 => 'Method Not Allowed',
            500 => 'Internal Server Error',
        );
        return ($status[$code]) ? $status[$code] : $status[500]; 
    }
} 

我已尝试实现返回jsonp的jQuery调用,这就是我遇到的问题。

请求来自http://horodyski.me/v2。下面的代码显示了正常的json返回类型:

<p class="test"></p>
    <script>
        $(document).ready(function () {
            $.ajax({
                url: "http://api.horodyski.me/skills",
                method: "GET",
                dataType: 'jsonp',
                success: function (data) {
                    $("p.test").text(data);
                },
                error: function (xhr, textStatus, error) {
                    debugger;
                }
            });
        });
    </script>

我在错误回调中得到以下内容:

textStatus = "parseerror" error = "jQuery210008879405278902885_1396911952892 was not called"

再一次,Fiddler没有表现出错误 - 我没有想法。我在PHP方面没有正确处理它,还是我的jQuery搞砸了?也许我需要编辑我的.htaccess文件来处理jsonp调用jQuery发送的回调参数?我有什么想法,有什么建议吗?

我可以调用http://horodyski.me/api/skills,它可以使用普通的json,但我仍然无法使CORS正常工作。

1 个答案:

答案 0 :(得分:0)

我会选择更换CORS,这可以规范浏览器之间的大部分差异。我用xdomain获得了最好的体验。它在客户端与库无关,您可以使用jQuery XHR或任何其他库而无需更改任何内容。