Как извлечь данные из нескольких файлов json, выполнив несколько вызовов ajax?

#javascript #ajax #json #xmlhttprequest

#javascript #ajax #json #xmlhttprequest

Вопрос:

Год назад я изучил json и ajax в обучающей программе. Теперь, поскольку со следующего месяца я буду выполнять аналогичную работу, я хочу практиковать все, чему научился. Итак, я создаю футбольную страницу для различных команд FIFA. На моей домашней странице есть различные ссылки, такие как «Команды», «Игроки», «Клубы», «История»…Все они взаимосвязаны друг с другом. У меня есть 4 файла JSON: teams.json, players.json, clubs.json, history.json. Я не могу понять, как выполнить несколько вызовов ajax для извлечения информации. Например, когда я нажимаю на «Игроки», информация о клубе игрока должна поступать из Clubs.json. Я надеюсь, что смогу прояснить свою проблему.

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

Ответ №1:

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

Вместо этого, вероятно, будет внутренний сервис, такой как API.

API может быть выполнен на PHP или Ruby on Rails и т.д. Его цель — получить все необходимые данные, скажем, для игроков link, из всех различных таблиц, которые у вас есть в базе данных, скажем, команд, клубов и так далее, и сгруппировать их в красивую строку JSON (вам нужно будет ее разобрать), отправив ее обратно вам.

И из-за этого вам не нужно будет выполнять много вызовов ajax, которые являются медленными и тяжелыми, и вы оставите эту работу для серверной логики, выполняющей только один единственный вызов ajax.

Итак, то, что вы пытаетесь сделать, в вашем случае неверно, потому что для такого приложения данные будут храниться в базе данных, а не в файлах json.

Вы можете выполнить поиск и прочитать больше об API в Google, если вам интересно.

Это мое непрофессиональное мнение. Надеюсь, это помогло вам или мотивировало вас изучить что-то новое 🙂

Ответ №2:

Предполагая, что вы хотите выполнить следующую задачу, у вас есть 4 страницы.»Команды», «Игроки», «Клубы», «История Когда вы нажимаете на команды, вы хотите получить данные из Teams.json Когда вы нажимаете на игроков, вы хотите получить данные из Players.json

Вы можете написать 4 разные функции

 function getTeams(){
//ajax call to get Teams
}

function getPlayers(){
//ajax call to get Players
}
  

и т. Д

Комментарии:

1. Хорошо, я понял вашу точку зрения. Я получаю данные из «teams.json» в функции getTeams(). Предположим, что в getTeams () я отображаю только 20 игроков команды, поэтому теперь я хочу, чтобы отображаемые имена этих игроков были ссылками на информацию об отдельных игроках, которую нужно получить из «players.json». Итак, я застрял в том, как это сделать. Я могу использовать имена игроков в качестве ссылок. Но как перенаправить их имена в players.json, чтобы получить их индивидуальную информацию!! В players.json я поместил имя игрока, дату начала игры игрока и команды, с которыми он играет.