JavaScript - JSON не отображается

Question

JavaScript - JSON не отображается

0

Это мой первый опыт работы с JSON, и мне нужно показать этот JSON http://www.rockfm.mx/jsonApps/jsonAlAire.php на веб-странице, которая не находится на том же сервере, что и JSON. Я знаю, что мне нужно использовать JSONP но мой код вообще не работает здесь, это пример

<script>
$(document).ready(function(){
});
$("#loaduserdata").click(function(){
    $("#userdata tbody").html("");
    $.getJSON(
        "www.rockfm.mx/jsonApps/jsonAlAire.php",
        function(data){
            $.each(data.userdata, function(i,user){
                var tblRow =
                    "<tr>"
                    +"<td>"+user.tituloDelShow+"</td>"
                    +"<td>"+user.locutores+"</td>"
                    +"</tr>"
                $(tblRow).appendTo("#userdata tbody");
            });
        }
    );
});
</script>

user3482841 01 апр. 2014, в 00:24

Источник

0

Какие ошибки вы получаете?
Steve 31 март 2014, в 22:13
1

Вы пытались с правильным URL - один с http (s): // впереди?
blue 31 март 2014, в 22:13
2

«Я знаю, что должен использовать jsonp» Служба не поддерживает JSONP (или CORS), если только они не используют разные аргументы URL. Вы должны прочитать это документацию. Если он не поддерживает JSONP, вы не можете сделать вызов Ajax.
Felix Kling 31 март 2014, в 22:15
0

^^^ Я получаю сообщения об ошибках того же источника, заголовок Access-Control-Allow-Origin отсутствует, и JSONP, похоже, не поддерживается.
adeneo 31 март 2014, в 22:16
0

Возможно, вам нужно написать скрипт на php на вашем собственном сервере, используя что-то вроде cURL, чтобы получить json и вместо этого сделать ajax-вызов.
jeroen 31 март 2014, в 22:18

Показать ещё 3 комментария

Теги:

javascript

jquery

jsonp

2 ответа

Ещё вопросы

Вы пытались с правильным URL - один с http (s): // впереди?
«Я знаю, что должен использовать jsonp» Служба не поддерживает JSONP (или CORS), если только они не используют разные аргументы URL. Вы должны прочитать это документацию. Если он не поддерживает JSONP, вы не можете сделать вызов Ajax.
^^^ Я получаю сообщения об ошибках того же источника, заголовок Access-Control-Allow-Origin отсутствует, и JSONP, похоже, не поддерживается.
Возможно, вам нужно написать скрипт на php на вашем собственном сервере, используя что-то вроде cURL, чтобы получить json и вместо этого сделать ajax-вызов.

Marco · Answer 1 · 2014-03-31T20-02-00.000Z

Я думаю, что проблема - это одна и та же политика безопасности происхождения. Мое мнение таково, что единственным решением является использование php-скрипта на вашем собственном сервере, который выступает в качестве шлюза между вашим ajax и удаленным сервером. Как писать код зависит от некоторых факторов, связанных с конфигурацией вашего сервера. Очень простое решение (если ваша поддержка сервера allow_url_fopen) может выглядеть примерно так:

getServerData.php

<?php
 echo   file_get_contents('http://www.rockfm.mx/jsonApps/jsonAlAire.php');
?>

Затем вызовите getServeData.php со своим скриптом. С помощью этого небольшого трюка вы обойдете ограничение одного и того же происхождения.

надеюсь, что это поможет

Companjo · Answer 2 · 2014-03-31T21-18-00.000Z

Вы забыли http://

<script>
$(document).ready(function(){
});
$("#loaduserdata").click(function(){
    $("#userdata tbody").html("");
    $.getJSON(
        "http://www.rockfm.mx/jsonApps/jsonAlAire.php",
        function(data){
            $.each(data.userdata, function(i,user){
                var tblRow =
                    "<tr>"
                    +"<td>"+user.tituloDelShow+"</td>"
                    +"<td>"+user.locutores+"</td>"
                    +"</tr>"
                $(tblRow).appendTo("#userdata tbody");
            });
        }
    );
});
</script>