PHP类返回JSON但不适用于AJAX调用

Question

我有个ajax电话

        $(function(){
        $('#registerUser').submit(function() {

           $.ajax({
                  url: 'http://www.mysite.co.uk/path/register/add_user.php',
                  type: 'post',
                  data: form.serialize(),
                  dataType: 'json',
                  crossDomain : true,
                  timeout: 5000,

                  success: function(msg){
                    alert(msg.name);
                  },

                  error: function(){
                    alert('There was an error loading the data.');
                  }
                  });
          });
      });

当我在PHP文件中回显一个json对象时，所有这些工作正常。 但是，当使用我的类将其回显时，它会在页面上回显，但与ajax函数一起使用时不起作用-不会返回任何内容。

值得一提的是，我是OOP的新手。 我试图返回的对象只是一个简单的对象，与该函数无关，仅出于测试目的。

<?php

include('../config/.db.php');
include('../config/headers.php');

$firstName = $_POST['name'];
$surname = $_POST['surname'];
$email = $_POST['email'];
$password = $_POST['password'];
$password2 = $_POST['password2'];

class user{
    public $returnArray;
    public function addUser($firstName, $surname, $email, $password, $mysqli){

    $stmt = $mysqli -> prepare("INSERT INTO users(name, surname, email, password) VALUES (?,?,?,?)");   
    $stmt -> bind_param("ssss", $firstName, $surname, $email, $password);   
    $stmt -> execute();
    $stmt -> bind_result($result);
    $stmt -> fetch();
    $stmt -> close();

    $array = array('name'=>'andre');
    $this->returnArray = json_encode($array);  
    }
}

$user = new user;
$user->addUser($firstName, $surname, $email, $password, $mysqli);
echo $user->returnArray;
?>      

请求/响应

POST /intheloop/register/add_user.php HTTP/1.1
Host: www.mysite.co.uk
Connection: keep-alive
Content-Length: 47
Accept: application/json, text/javascript, */*; q=0.01
Origin: null
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_2) AppleWebKit/537.17 (KHTML, like Gecko) Chrome/24.0.1312.56 Safari/537.17
Content-Type: application/x-www-form-urlencoded; charset=UTF-8
Accept-Encoding: gzip,deflate,sdch
Accept-Language: en-US,en;q=0.8
Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.3
Form Dataview sourceview URL encoded
name:a
surname:a
email:a
password:a
password2:a
Response Headersview parsed
HTTP/1.1 200 OK
Date: Sat, 26 Jan 2013 20:51:36 GMT
Server: Apache
X-Powered-By: PHP/5.3.15
Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: GET,PUT,POST,OPTIONS,DELETE
Keep-Alive: timeout=5, max=75
Connection: Keep-Alive
Transfer-Encoding: chunked
Content-Type: application/json

Answer 1

似乎您违反了浏览器内置的same origin policy限制，从而阻止了您发送跨域AJAX请求。

您只能将AJAX请求发送到与用于托管AJAX脚本的域相同的域中托管的脚本。 在这种情况下，您似乎正在尝试将AJAX请求发送到http://www.mysite.co.uk/path/register/add_user.php但是要使其正常工作，您的javascript文件必须托管在http://www.mysite.co.uk/ 。

您可能会考虑some workarounds 。 它们涉及在您的域上使用JSONP ， CORS或服务器端桥接脚本。

Answer 2

如果您的AJAX调用未从同一域请求数据，则它将无法正常工作，那就是浏览器具有防止滥用AJAX的安全性。 因此，为了使其能够跨域工作，您可以做的一件事情就是从PHP脚本发出CORS标头。

您可以将其添加到您的PHP文件中

header('Access-Control-Allow-Origin: *');

然后，这将指示浏览器它们可以接受此ajax调用和数据传输，然后您的脚本将起作用。

Answer 3

您可能还想添加此代码，以便为输出提供适当的mime类型，将其放在“ echo”上方1行：

header('Content-type: application/json');

Answer 4

所以错误是事实，

    $stmt -> bind_result($result);

正在弄乱查询结果中预期的绑定变量。 因为我没有使用查询检索任何内容，所以没有将变量$ result分配给它的内容。

反过来，这给了PHP错误，使返回的json混乱。