Eu tenho lido sobre este método json e eu simplesmente não entendo e não sei o que consertar, estou usando outro domínio para pegar o json.
Aqui está o meu código:
$(function(){
var url = "http://website.com/json.php";
$.getJSON(url, function(result) {
console.log(result);
$.each(result, function(i, field) {
var id = field.id;
var title = field.title;
$(".class").append("<a href='page.html?id=" + id + "&title=" + title +");
});
});
});
Erro:
XMLHttpRequest cannot load http://website.com/json.php. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.
Como posso passar isso para outro código, tipo esse:
$.ajax({
url: url,
crossDomain: true,
data: form,
dataType: 'json',
success: function(data) {
console.log(data);
},
type: 'POST'
});
Json.php:
<?php
header("Access-Control-Allow-Origin: *");
include "db.php";
$data=array();
$q=mysqli_query($con,"select * from `course_details`");
while ($row=mysqli_fetch_object($q)){
$data[]=$row;
}
echo json_encode($data);
?>
Db.php
<?php
header("Access-Control-Allow-Origin: *");
$con = mysqli_connect("localhost","user","pass","db") or die ("could not connect database");
?>
Estou abrindo a index.html pelo chrome mesmo, sem ser pelo localhost, e estou fazendo a chama em outro domínio (website.com/json.php), e está com esse problema.
Um pessoal colocou como duplicada., mas não é duplicada, gostaria de uma solução que na outra não tem, preciso tem uma responda clara.