Вставка данных их json

@юлл · Регистрация: 08.06.2012

Студворк — интернет-сервис помощи студентам

У меня есть список пользователей. Его я генерирую при помощи шаблона html, данные подгружаются из json. Подскажите, как связать данные пользователя, чтобы по клику на конкретного пользователя, на личной странице отображалась информация по нему? Как это все организовано, поясните пожалуйста.

@D_Vik · 22.03.2020, 09:49

Это отдельный запрос на сервер.

Добавлено через 1 минуту
С id пользователя который нужен.

@юлл · 22.03.2020, 09:51 **[ТС]**

D_Vik, вы можете словами объяснить, как это происходит?и как связываются данные?

Добавлено через 1 минуту
D_Vik, у меня в каждом элементе json есть id

@D_Vik · 22.03.2020, 09:54

К примеру есть страница пользователи, это притопал с сервера большой json со списком всех пользователей у которых есть id. Вы жмёте на кнопку инфо пользователя, на сервер отправляется запрос об этом пользователе с его id, сервер возвращает json с данными пользователя.

@юлл · 22.03.2020, 09:58 **[ТС]**

D_Vik, а можете быстренько накидать само условие получение данных по id? Вот вроде и понимаю, а как достать данные вообще не приходит в голову

@D_Vik · 22.03.2020, 10:00

Вы разобрались с ajax запросами к серверу ?

@юлл · 22.03.2020, 10:05 **[ТС]**

D_Vik, вроде бы да

Добавлено через 2 минуты
D_Vik, делаю xmlhttprequest

@D_Vik · 22.03.2020, 12:56

Сам скрипт запроса на сервер будет примерно таким :

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
  const user_info = document.querySelectorAll('.user-info')
 
  for (let i = 0; i < user_info.length; i++) {
    user_info[i].addEventListener('click', (event) => {
      ajaxQuery(event.target.value);
    })
  }
 
  function ajaxQuery(user_id) {
    fetch('json.php', {
      method: 'POST',
      headers: {
        "Content-type": "application/x-www-form-urlencoded; charset=UTF-8"
      },
      body: `user_id=${user_id}`
    })
      .then((resp) => { return resp.json() })
      .then((data) => { showResult(data) })
      .catch(() => console.log('Какая то ошибка'));
  }
 
  function showResult(data) {
    console.log(data)
  }

Когда вы формируете html, можете добавить кнопки:

HTML5
1
<button class="user-info" value="1">User Info</button>

Где value будет id юзера из списка.

@юлл · 22.03.2020, 14:20 **[ТС]**

D_Vik, с запросом я разобралась, я написала xmhttprequest. у меня теперь проблема в другом. как выполнить одновременно переход по ссылке и отправление запроса на получение данных? у меня стоит локальный сервер, и я проверяю все на нем. ссылка на страницу, естественно, в локальном формате пока, не знаю как правильно ее написать.
второй вопрос. у меня две страницы, и два файла скипта, как их связать,чтоб функции были видны друг другу, потому что если я вставляю все в один файл js, скипт ругается, что не видит данные с другой страницы(например, скипт привязан к page2.html, а в нем есть обащение к getElementById("name"), который расположен на page1.html)

@D_Vik · 22.03.2020, 21:11

Потратьте пару суток на изучение Vue, не изобретайте ещё один велосипед.

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! */ #include <iostream> #include <stack> #include <cctype>. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

@юлл 2 / 2 / 0 Регистрация: 08.06.2012 Сообщений: 126

	Вставка данных их json 22.03.2020, 00:18. Показов 812. Ответов 9 Метки нет (Все метки) У меня есть список пользователей. Его я генерирую при помощи шаблона html, данные подгружаются из json. Подскажите, как связать данные пользователя, чтобы по клику на конкретного пользователя, на личной странице отображалась информация по нему? Как это все организовано, поясните пожалуйста. 0

@D_Vik 368 / 234 / 68 Регистрация: 19.07.2016 Сообщений: 833
	22.03.2020, 09:49
	Это отдельный запрос на сервер. Добавлено через 1 минуту С id пользователя который нужен. 0

@юлл 2 / 2 / 0 Регистрация: 08.06.2012 Сообщений: 126
	22.03.2020, 09:51 [ТС]
	D_Vik, вы можете словами объяснить, как это происходит?и как связываются данные? Добавлено через 1 минуту D_Vik, у меня в каждом элементе json есть id 0

@D_Vik 368 / 234 / 68 Регистрация: 19.07.2016 Сообщений: 833
	22.03.2020, 09:54
	К примеру есть страница пользователи, это притопал с сервера большой json со списком всех пользователей у которых есть id. Вы жмёте на кнопку инфо пользователя, на сервер отправляется запрос об этом пользователе с его id, сервер возвращает json с данными пользователя. 1

@юлл 2 / 2 / 0 Регистрация: 08.06.2012 Сообщений: 126
	22.03.2020, 09:58 [ТС]
	D_Vik, а можете быстренько накидать само условие получение данных по id? Вот вроде и понимаю, а как достать данные вообще не приходит в голову 0

@D_Vik 368 / 234 / 68 Регистрация: 19.07.2016 Сообщений: 833
	22.03.2020, 10:00
	Вы разобрались с ajax запросами к серверу ? 0

@юлл 2 / 2 / 0 Регистрация: 08.06.2012 Сообщений: 126
	22.03.2020, 10:05 [ТС]
	D_Vik, вроде бы да Добавлено через 2 минуты D_Vik, делаю xmlhttprequest 0

@юлл 2 / 2 / 0 Регистрация: 08.06.2012 Сообщений: 126
	22.03.2020, 14:20 [ТС]
	D_Vik, с запросом я разобралась, я написала xmhttprequest. у меня теперь проблема в другом. как выполнить одновременно переход по ссылке и отправление запроса на получение данных? у меня стоит локальный сервер, и я проверяю все на нем. ссылка на страницу, естественно, в локальном формате пока, не знаю как правильно ее написать. второй вопрос. у меня две страницы, и два файла скипта, как их связать,чтоб функции были видны друг другу, потому что если я вставляю все в один файл js, скипт ругается, что не видит данные с другой страницы(например, скипт привязан к page2.html, а в нем есть обащение к getElementById("name"), который расположен на page1.html) 0

@D_Vik 368 / 234 / 68 Регистрация: 19.07.2016 Сообщений: 833
	22.03.2020, 21:11
	Потратьте пару суток на изучение Vue, не изобретайте ещё один велосипед. 1