将Ajax数据发布到PHP REST SERVICE

Question

我知道之前曾有人问过这个问题，但是我尝试过的所有解决方案都没有，我编写了php rest服务，该服务托管在服务器上，我在chrome上使用了高级rest客户数据来测试我的rest服务，并且该方法可以正常工作它将数据发布到数据库，但是当我在浏览器下方的ajax帖子中编写自己的客户端时，抱怨

所请求的资源上没有“ Access-Control-Allow-Origin”标头。 因此，不允许访问源' http：// localhost：8383 '。

我尝试将标头添加到我的php代码中仍然无法正常工作，但又遇到另一个错误...，我只是想知道自己在做什么错？

 >// MY PHP REST SERVICE  
 <?php
 $servername = "localhost";
 $username = "root";
 $password = "xxxx";
 $dbname = "xxx";

 // Create connection
 $conn = new mysqli($servername, $username, $password, $dbname);
 // Check connection
 if ($conn->connect_error) {
 die("Connection failed: " . $conn->connect_error);
 } 

 if($_SERVER['REQUEST_METHOD'] == "POST"){
 // Get data
 $name = $_POST['name'];
 $surname = $_POST['surname'];
 $email = $_POST['email'];
 $password = $_POST['password'];

 // Insert data into data base
 $sql = "INSERT INTO UserData.register (name, surname, email, password)
 VALUES  ('$name', '$surname', '$email','$password')";

  if ($conn->query($sql) === TRUE) {
  $json = array("status" => 1000, "msg" => "Done User added!");
  } else {
   $json = array("status" => 0, "msg" => "Error adding user!");
  }
 header('Content-type: application/json');
 echo json_encode($json);
 $conn->close();
 }



 > //MY java script ajax client doing the posting.

   <script type="text/javascript">        
      function RegisterUser() {

        var name = $("#name").val();
        var surname = $("#surname").val();
        var email = $("#email").val();
        var password = $("#password").val();


        $.ajax({
            type: "POST",
            url: "http://xxx.xxx.xxx.xxx/signup.php",
            data: '{"name":"' + name + '","surname":"' + surname +    '","email":"' + email + '","password":"' + password + '"}',
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (msg) {
                alert(msg.d)
                         }

        });
  }
</script>

Answer 1

尝试使用.htaccess文件Header add Access-Control-Allow-Origin "*" Header add Access-Control-Allow-Methods: "GET,POST,OPTIONS,DELETE,PUT"

这里的 CORS指南列出了解决有关CORS问题的所有可能方法。