AJAX сообщение JQuery не работает CORS

Question

Извините, я пытаюсь поймать мой гость и сохранить его с помощью яваскрипта Ajax поста ..

Он отличается хост (между JS и сервером PHP). Это JavaScript:

<script language="Javascript" src="http://www.codehelper.io/api/ips/?js"></script> 
<script language="Javascript"> 
    var myip = codehelper_ip.IP; 
    var mycountry = codehelper_ip.Country; 
    var myurl = document.URL; 
    $.ajax({ 
     type: 'POST', 
     url: 'http://myhost.com/guest-catcher/guest-post.php', 
     crossDomain: true, 
     data: '{"ip":"'+myip+'", "country":"'+mycountry+'", "page":"'+myurl+'"}', 
     dataType: 'json', 
     success: function(responseData, textStatus, jqXHR) { 
      alert("success"); 
     }, 
     error: function (xhr, status, error) { 
      alert(xhr.responseText); 
     } 
    }); 
</script> 

И код на стороне сервера:

<?php 

$ip = ""; 
if ($_POST['ip']) { 
    $ip = $_POST['ip']; 
} 
$country = ""; 
if ($_POST['country']) { 
    $country = $_POST['country']; 
} 
$page = ""; 
if ($_POST['page']) { 
    $page = $_POST['page']; 
} 

//Start Save DB 
$conn = new mysqli($db_host, $db_user, $db_pass, $db_name); 
$sql = "INSERT INTO blog_guest (ip_address, country, page) VALUES ('" . $ip . "', '" . $country . "','" . $page . "')"; 
if ($ip != "" || $country != "" || $page!= "") { 
    if ($conn->query($sql) === TRUE) { 
    } else { 
     echo '<script>alert("' . $conn->error . '")</script>'; 
    } 
} 
$conn->close(); 
//End Save DB 

Ошибка в браузере консоли:

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at myhost.com/guest-catcher/guest-post.php. This can be fixed by moving the resource to the same domain or enabling CORS. 

Answer 1

Ваш data вариант является неправильным. Это должен быть объект Javascript, а не строка JSON.

data: {"ip": myip, "country": mycountry, "page": myurl}, 

Кроме того, ваш скрипт сервер не возвращает JSON, так что вы не должны иметь:

dataType: 'json', 

Answer 2

Вы должны преобразовать данные, как это: data=JSON.stringify(your data);.

Пример:

var d = {...}; # your dict. 
$.ajax({      
    type:'post', 
    contentType:'application/json', 
    url:type url here, 
    dataType:'json', 
    data:JSON.stringify(d), 
    beforeSend:function(){ 

    }, 
    success:function(){ 

    } 
}); 

Answer 3

$.ajax({ 
    type: "POST", 
    url: "some.php", 
    data: { name: "John", location: "Boston" } // or data: "name=" + value + "location=" + value 
}) 

Answer 4

Пожалуйста, замените код Ajax с этим и проверить.

$.ajax({ 
    type: 'POST', 
    url: 'http://myhost.com/guest-catcher/guest-post.php', 
    crossDomain: true, 
    data: 'ip=' + myip + '&country=' + mycountry + '&page=' + myurl, 
    success: function(responseData, textStatus, jqXHR) { 
     alert("success"); 
    }, 
    error: function (xhr, status, error) { 
     alert(xhr.responseText); 
    } 
});