Блокировка чтения AJAX JSON перекрестного происхождения

Question

Я пытаюсь заставить мой код работать, но независимо от того, где и как я делаю свое исследование, я не могу найти ответ на мою проблему.

Так вот код:

Я пытался получить помощь от различных ресурсов, стекового потока, документации jquery, документации json, различных поисков в Google о блокировке перекрестного чтения (CORB)

1007 * JSON *

{
    "events" : [
    {
        "id" : "1", 
        "name" : "100m"
    },

    {
        "id" : "2", 
        "name" : "Long Jump"
    },

    {
        "id" : "3", 
        "name" : "Shot Put"
    },

    {
        "id" : "4", 
        "name" : "High Jump"
    }

]
}

HTML

    <div class="container">
        <button id="getData">Events</button>
        <div id="eventList"></div>
    </div>

    <script>
        $(function () {
            $("#getData").click(function () {
                var eventList = $("#eventList");
                var url = "events.json";
                $.getJSON(url, function (data) {
                    var events = data.events.map(function (item) {
                        return item.id + " (" + item.name + ")";
                    });
                    eventList.empty();
                    if (events.length) {
                        var content = "<li>" + events.join("</li><li>") + "</li>";
                        var list = $("<ul>").html(content);
                        eventList.append(list);
                    }
                });
            });
        });
    </script>

Мне нужно, чтобы моя кнопка функционировала с использованием AJAX, но в тот момент, когда я застрял, когда я нажимаю кнопку, я получаю сообщение об ошибке «Ответ блокировки блокированного перекрестного источника (CORB)».

Answer 1

Предположим, вы отправляете внешнему интерфейсу структуру json. На стороне сервера: вы можете использовать php, чтобы добавить эту структуру в массив, а затем отправить ее в начало интерфейса.

На стороне сервера может быть что-то вроде:

while("Loop through that file struture"){
  $output [] = array("id"=>$id,"name"=>$name);
}
echo json_encode($output);

Код на стороне клиента:

$.ajax({
   url : "documentlink.php", /*Link to the file, I assume you are getting that returned from a php.*/
   type: "post", /*If it is post use, else no need to use just remove it*/
   data:data, /*This if you want to send any parameter with your request to the server*/
   success:function(data){
     var obj = JSON.stringify(data);
     myObj = JSON.parse(obj);
     $.each(myObj, function(i){
          var id = myObj[i].id;
          var name = myObj[i].name;

    });
  }
});