Динамическая подгрузка данных из БД при выборе в select

@lexi_t · Регистрация: 13.05.2013

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

Здравствуйте.
Я в JavaScript полный ноль, пока только совсем немного понимаю, что к чему, но пишу диплом и времени с самого начала учить и разбираться у меня нет.
Такой вопрос. Нужно, чтобы при выборе кафедры из select, из базы данных динамически подгружались её логин и e-mail. Как это можно сделать? Совершенно не представляю, как.
Помогите, пожалуйста.

И если не сложно, может подскажите какие-то толковые ресурсы по изучению js.

Надеюсь на помощь, спасибо.

@MLPMan · 30.04.2015, 07:49

На клиенте к select-у цепляется обработчик события, отправляющий AJAX-запрос, и изменяющий содержимое опредёленного тега в зависимости от полученого ответа. Сервер, понятно, должен на этот запрос доставать из БД и отправлять нужные данные.

http://javascript.ru/ajax/intro

@lexi_t · 30.04.2015, 11:02 **[ТС]**

Сообщение от MLPMan

На клиенте к select-у цепляется обработчик события, отправляющий AJAX-запрос, и изменяющий содержимое опредёленного тега в зависимости от полученого ответа. Сервер, понятно, должен на этот запрос доставать из БД и отправлять нужные данные.

Простите, а можно в виде кода? А то я совсем не понимаю, что нужно писать...

@MLPMan · 30.04.2015, 11:53

Как-то так:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
<head><title></title></head>
<body>
 
    <div id="id1">Test</div>
 
    <script src="example.js"></script>
 
    <select>
        <option onclick="OnChange(1)">Rainbow Dash</option>
        <option onclick="OnChange(2)">Pinkie Pie</option>
        <option onclick="OnChange(3)">Applejack</option>
    </select>
 
</body>
</html>

examle.js

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
25
26
27
28
29
30
31
32
33
// Создать объект-отправляльщик запросов
function getXmlHttp() {
  var xmlhttp;
    try {
      xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
      } catch (e) {
      try {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (e2) {
        xmlhttp = false;
      }
        }
  if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
    xmlhttp = new XMLHttpRequest();
  }
return xmlhttp;
}
 
 
// Обработчик кликов
function OnChange(ind) {
  var http = new getXmlHttp();
  var url = "ajax-request-link";
  var param = "selected=" + ind;
  http.open("GET", url+"?"+param, true);
  http.onreadystatechange = function() {
    if(http.readyState == 4 && http.status == 200) {
      var answer = http.responseText; //то, что отправил сервер
      document.getElementById('id1').innerHTML = answer;
    }
  }
  http.send(null);
}

http://javascript.ru/tutorial/events/intro

Добавлено через 1 минуту
Сервер, разумеется, при запросе по этой ссылке("ajax-request-link") в зависимости от значения параметра "selected" должен что-то отдавать.

@lexi_t · 30.04.2015, 19:30 **[ТС]**

Сообщение от MLPMan

Сервер, разумеется, при запросе по этой ссылке("ajax-request-link") в зависимости от значения параметра "selected" должен что-то отдавать.

То есть это ссылка на какой-то файл, где запрос к бд или что?
Кажется, вы не очень поняли, насколько я ноль в ajax, всё очень плохо :с

@MLPMan · 30.04.2015, 19:41

lexi_t, знаете, что такое веб-сервер?

@lexi_t · 30.04.2015, 19:56 **[ТС]**

Сообщение от MLPMan

lexi_t, знаете, что такое веб-сервер?

Мне непонятно не что такое веб-сервер, а что такое ("ajax-request-link"). Что вообще должно происходить? Мне нужно, чтобы даные из бд динамично брались.

@MLPMan · 30.04.2015, 20:25

Это http-ссылка, что ассоциирована с неким контентом на сервере. Она может быть любой, как и название параметра (var param).

Добавлено через 2 минуты
Что используете на серверной стороне, PHP?

Добавлено через 9 минут
Кароче, происходит типа так: есть ссылка, при переходе открывается страница, где только логин и e-mail. AJAX - это когда скрипт по-тихому загружает эту страницу и вставляет в один из тегов текущей (без её перезагрузки).

@lexi_t · 30.04.2015, 20:31 **[ТС]**

Сообщение от MLPMan

Кароче, происходит типа так: есть ссылка, при переходе открывается страница, где только логин и e-mail. AJAX - это когда скрипт по-тихому загружает эту страницу и вставляет в один из тегов текущей (без её перезагрузки).

Вы говорите, что открывается страница, но мне надо просто подгрузить даные из бд динамически.
Я просто выбираю в селекте кафедру и всё, что мне надо - чтобы из бд брались логин и мейл кафедры.
Что-то мы друг друга не понимаем.

@MLPMan · 30.04.2015, 20:34

Сообщение от MLPMan

знаете, что такое веб-сервер?

Не обижайтесь, просто имя переменной "url" достаточно красноречиво намекает, какой тип магии происходит.

Сам тоже невнимательный.

Добавлено через 1 минуту

Сообщение от lexi_t

Вы говорите, что открывается страница, но мне надо просто подгрузить даные из бд динамически.

дык на ту "маленькую" страницу пусть и загружаются динамически.

@lexi_t · 30.04.2015, 20:41 **[ТС]**

Сообщение от MLPMan

дык на ту "маленькую" страницу пусть и загружаются динамически.

А что собственно на этой странице находится, что написано? И мне всё так же непонятно, как подгрузить данне из бд.
Я правда не понимаю, о чём вы мне толкуете.

@MLPMan · 30.04.2015, 20:51

Там некий код, формирующий контент из результата SQL-запроса с использованием полученого параметра (в данном коде - "selected"). Как-то типа так:

PHP
1
2
3
4
//...
$param = $_GET['selected'];
$query = 'SELECT * FROM table WHERE id=' + $param;
//...

@lexi_t · 30.04.2015, 21:01 **[ТС]**

Сообщение от MLPMan

Там некий код, формирующий контент из результата SQL-запроса с использованием полученого параметра (в данном коде - "selected"). Как-то типа так:

Не могу сказать, что я всё поняла, но буду разбираться. Пойду почитаю про аякс.
Спасибо вам за помощ.

Новые блоги и статьи Все статьи Все блоги /
Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .	Фото: Daniel Greenwood kumehtar 13.11.2025	Расскажи мне о Мире, бродяга kumehtar 12.11.2025 — Расскажи мне о Мире, бродяга, Ты же видел моря и метели. Как сменялись короны и стяги, Как эпохи стрелою летели. - Этот мир — это крылья и горы, Снег и пламя, любовь и тревоги, И бескрайние. . .

@lexi_t 2 / 2 / 1 Регистрация: 13.05.2013 Сообщений: 66

	Динамическая подгрузка данных из БД при выборе в select 29.04.2015, 22:21. Показов 6103. Ответов 12 Метки нет (Все метки) Здравствуйте. Я в JavaScript полный ноль, пока только совсем немного понимаю, что к чему, но пишу диплом и времени с самого начала учить и разбираться у меня нет. Такой вопрос. Нужно, чтобы при выборе кафедры из select, из базы данных динамически подгружались её логин и e-mail. Как это можно сделать? Совершенно не представляю, как. Помогите, пожалуйста. И если не сложно, может подскажите какие-то толковые ресурсы по изучению js. Надеюсь на помощь, спасибо. 0

@MLPMan Кандёхаем веселее! 296 / 330 / 76 Регистрация: 02.10.2012 Сообщений: 2,175
	30.04.2015, 07:49
	На клиенте к select-у цепляется обработчик события, отправляющий AJAX-запрос, и изменяющий содержимое опредёленного тега в зависимости от полученого ответа. Сервер, понятно, должен на этот запрос доставать из БД и отправлять нужные данные. http://javascript.ru/ajax/intro 0

@MLPMan Кандёхаем веселее! 296 / 330 / 76 Регистрация: 02.10.2012 Сообщений: 2,175
	30.04.2015, 19:41
	lexi_t, знаете, что такое веб-сервер? 0

@MLPMan Кандёхаем веселее! 296 / 330 / 76 Регистрация: 02.10.2012 Сообщений: 2,175
	30.04.2015, 20:25
	Это http-ссылка, что ассоциирована с неким контентом на сервере. Она может быть любой, как и название параметра (var param). Добавлено через 2 минуты Что используете на серверной стороне, PHP? Добавлено через 9 минут Кароче, происходит типа так: есть ссылка, при переходе открывается страница, где только логин и e-mail. AJAX - это когда скрипт по-тихому загружает эту страницу и вставляет в один из тегов текущей (без её перезагрузки). 0