Есть ли в Java-Script механизм доступа к базам данных?

[Ped O' Feel]

Есть ли в Java-Script механизм доступа к базам данных?

Как известно, в PHP можно посредством интегрированности с различными СУБД, к примеру, mySQL, получать доступ к базам данных.

В коде PHP пишется SQL-запрос, и он выполняется.

Теперь такой вопрос. А при помощи Java-Script можно как-нибудь получать информацию, расположенную на сервере? На 90% я уверен, что нет, так как Java-script - технология по своему замыслу, скорее, клиентская, чем серверная.

То есть, что я имею в виду. Например, происходит какое-то событие (к примеру, onClick, onChange) какого-то элемента веб-страницы, которому мы назначаем соответствующий обработчик. Нужно, к примеру, заменить содержимое какого-нибудь другого элемента, например, нисходящего списка (select). Это не проблема, это все осуществляется простыми командами Java-Script.

Но чем заменить? Я хочу, чтобы был взят запрос с какой-либо базы данных, хранящейся на сервере. И получить данные оттуда, а потом уже вписать их в список. Такое возможно?

Или для этого придется уже внутрь Java-Script-a вписывать PHP-код.

Или же все-таки есть какие-то технологии?

Спасибо за ответы.

[intregal]

можно посредством AJAX. вызываете данные в виде XML (обычно) и используете по назначению.

[Вебмастер]

Вот запросы http://www.java2s.com/Code/Java/Database-SQL-JDBC/JDBCselect.htm

[Dom]

Вот запросы http://www.java2s.com/Code/Java/Database-SQL-JDBC/JDBCselect.htm

Вы серьезно не отличаете Java от JavaSсript?

[Dom]

JavaSсript - по определению, клиентская технология, она не должна работать напрямую с БД из соображений безопасности, только через PHP. Все что описал автор легко реализуемо с помощью JavaSсript + PHP, данные пересылаются асинхронно в текстовом виде, в виде XML или JSON.

[Вебмастер]

Вы серьезно не отличаете Java от JavaSсript?

Сорри не дочитал

[DrakoFariz]

а зачем вызывать бд на сервере через джаваскрипт а не сам пхп ?

[DrakoFariz]

выше упомянули ajax, разве он не для обновления страницы ? я не знал что им можно базу запрашивать

[Рихад]

выше упомянули ajax, разве он не для обновления страницы ? я не знал что им можно базу запрашивать

Им и не запрашивается, во всяком случае не напрямую. AJAX просто запрашивает HTTP ресурс, а что в нем происходит... да что угодно.

[intregal]

выше упомянули ajax, разве он не для обновления страницы ? я не знал что им можно базу запрашивать

http://www.w3schools.com/Ajax/ajax_database.asp

[Ped O' Feel]

Сорри не дочитал

То-то я смотрю, чего-то не то, на JS не похоже...

[Ped O' Feel]

а зачем вызывать бд на сервере через джаваскрипт а не сам пхп ?

Так php формирует страницу на стороне сервера, а уже готовую отсылает мне. А если я по ходу работы с уже генерированной страницей хочу обратиться к БД? То есть чтобы обращение к БД вызывалось обработчиком, джава-скриптным обработчиком.

[Ped O' Feel]

http://www.w3schools.com/Ajax/ajax_database.asp

Спасибо, это примерно то, что мне надо:

When a user selects a customer in the dropdown list above, a function called "showCustomer()" is executed. The function is triggered by the "onchange" event:

Признаюсь, не владею AJAX-ом.

Но, как я понял,

из вот этого оператора

xmlhttp.open("GET","getcustomer.asp?q="+str,true);

здесь используется еще и технология ASP c запросом Get-типа.

То есть требуется еще и установленный на сервере ASP, получается?

[intregal]

не имеет значения ASP, PHP или что либо иное. через XMLHTTPREQUEST дается запрос на URL, где обрабатывается запрос и выдается необходимый результат.

[Вебмастер]

Intregal прав, отправляете запрос через xmlhttprequest и возвращаете результат клиенту. javascript выполняется на стороне клиента и к sql не имеет никакого отношения.

[_root.deep.play()]

Как тут уже отметили, JavaScript сам по себе не имеет доступа к БД, т.к. он выполняется на стороне клиента, средствами возможностей браузера.

[Ped O' Feel]

В целом, все обстоит так, как я и предполагал. Спасибо.

[Ped O' Feel]

Из JS точно никак нельзя получить доступ к БД. С этим все ясно. Но, даже и вставляя в обработчики скрипты PHP с mySQL запросами тоже есть определенные трудности. «Впрягать в одну повозку коня и трепетную лань»...

У PHP же какой принцип работы? Я тебе сформировал html страницу со всеми твоими запросами, и на здоровье, смотри ею, любуйся. Хочешь новую - вызови станицу с другими значениями переменных.

В принципе, при первом запуске, и при первом событии на html-странице (я передернул Select, вызвав событие onChange) - и только при первом запросе!! - все прошло шоколадно. Запрос сработал, выдав из БД oтfetch-енную информацию.

Но вот как передать значение Select-a в php - скрипт, то есть конвертировать переменную JS в переменную PHP. Похоже, что, по большому счету, никак . Более того, как снова активировать php-скрипт и mySQL-запросом? Без перезагрузки страницы! Ведь он, php, уже отработал, и больше не хочет.

Все источники в интернете указывают, что теми технологиями, которыми я пользовался, поставленную задачу не решить. Все толковые люди говорят, что для этого служит AJAX.

[intregal]

Из JS точно никак нельзя получить доступ к БД. С этим все ясно. Но, даже и вставляя в обработчики скрипты PHP с mySQL запросами тоже есть определенные трудности. «Впрягать в одну повозку коня и трепетную лань»...

У PHP же какой принцип работы? Я тебе сформировал html страницу со всеми твоими запросами, и на здоровье, смотри ею, любуйся. Хочешь новую - вызови станицу с другими значениями переменных.

В принципе, при первом запуске, и при первом событии на html-странице (я передернул Select, вызвав событие onChange) - и только при первом запросе!! - все прошло шоколадно. Запрос сработал, выдав из БД oтfetch-енную информацию.

Но вот как передать значение Select-a в php - скрипт, то есть конвертировать переменную JS в переменную PHP. Похоже, что, по большому счету, никак . Более того, как снова активировать php-скрипт и mySQL-запросом? Без перезагрузки страницы! Ведь он, php, уже отработал, и больше не хочет.

Все источники в интернете указывают, что теми технологиями, которыми я пользовался, поставленную задачу не решить. Все толковые люди говорят, что для этого служит AJAX.

не очень понятно, что именно вы хотите сделать.

насколько я понял, вы хотите передать активное значение комбобокса в УРЛ.

можно использовать

var E = document.getElementById(yourComboboxID);
var myValue = E.options[E.selectedIndex].value;
var myUrl = 'myURL.php?comboValue='+myValue;
alert(myUrl);

[Ped O' Feel]

intregal, то, что вы предлагаете - это надо поменять URL и перезагрузить страницу. (location.href) А я хочу извлечь к-н. информацию из БД без перезагрузки страницы , а после , опять-таки, без перезагрузки страницы, лишь изменить содержание элемента на этой странице.

[intregal]

intregal, то, что вы предлагаете - это надо поменять URL и перезагрузить страницу. (location.href) А я хочу извлечь к-н. информацию из БД без перезагрузки страницы , а после , опять-таки, без перезагрузки страницы, лишь изменить содержание элемента на этой странице.

ну так объяснили же выше, что надо использовать xmlhttprequest, что здесь не так?

[Ped O' Feel]

Признаюсь, с данной функцией никогда не работал.

[Mazdayka]

Запишите себе этот код где нибудь и используйте

function getXmlHttp(){
  var xmlhttp;
  try {
    xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
    try {
      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (E) {
      xmlhttp = false;
    }
  }
  if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
    xmlhttp = new XMLHttpRequest();
  }
  return xmlhttp;
}
var xmlhttp = getXmlHttp();

Далее в нужном вам месте JS вы вставите следующий код

xmlhttp.open('GET', url, false);
xmlhttp.send(null);
if(xmlhttp.status == 200) {
         //Здесь какой-то код который происходит после получения результатов от сервера. Например парсинг XML.
}

где "url" это адрес php скрипта на сервере. В этот же url можно вложить сразу переменные. Например url="somescript.php?id=12&type=1"

Если нужно передать параметры из переменной JS тогда url может выглядить так url="somescript.php?id="+id+"&type="+type;

Ну и дело за малым после этого. Создать непосредственно файл somescript.php который будет получать GET переменные и что либо с ними делать. Например обращаться к БД. Полученный от БД ответ можно тупо отправить обратно в JS оператором print(result). Но лучше использовать XML формат.

[Wanderlust]

Во-первых, чтобы не мучаться с AJAX и манипуляциями с DOM-элементами, стоит подключить библиотеку jQuery (или ее аналоги, Prototype например - кому что нравится).

Ped O' Feel, в вашем случае фронтэнд-приложение должно работать отдельно от серверных скриптов. Сервер не формирует HTML, а просто предоставляет данные для отображения, а как их отображать уже решает javascript. При нажатии на ссылки и кнопки идет xmlhttprequest на сервер, тот возвращает данные для отрисовки, и javascript их рисует с помощью манипуляций с DOM-элементами. HTML-страничка формирует сама себя, короче. Поэтому классический принцип работы PHP - "Я тебе сформировал html страницу со всеми твоими запросами, и на здоровье, смотри ею, любуйся. Хочешь новую - вызови станицу с другими значениями переменных" - тут не работает.

Общаться с сервером лучше используя json. Он удобный чтобы туда-сюда передавать структуры данных. И в js и в php есть соответствующие функции.

Вот коротенький пример (пишу на скорую руку, не тестировал - сорри):

js:

$("#select").change(function() {

$.get("get_items.php", {"category_id":this.value}, function(response) {

$("#items").html("");

for (var i in response) {

var item = response;

$("#items").append("<div>Title:" + item.title + "</div>");

}

},"json");

});

get_items.php:

$q = $pdo->prepare("select title from items where category_id = :cid");

$q->execute(array(":cid" => $_GET["category_id"]));

$results = $q->fetchAll();

print json_encode($results);

[Mazdayka]

Ну допустим с Ajax'ом мучаться не приходится. Всю интуитивно понятно. Подключение громоздкого фреймворка для использования только лишь ajax запросов мне кажется глупостью. Проще добавить одну единственную функцию и создать на ее основе объект.

Непосредственно в данном случае.

Человек признался что с объектом xmlhttprequest (который он обозвал функцией) не работал прежде. Т.е. в чистом JS человек не стоит твердо на ногах. Куда уж к фреймворках переходить? Необходимость знания чистого JS еще никто не отменял.

[_root.deep.play()]

Согласен с Маздайка в том, что из-за одной мелочи подключать библиотеки не стоит))) Рассматривал как-то сайтик одной местной веб-студии, там были подключены (!) 3 библиотеки для всего лишь одного Фидбека ))))))

Но изучить, опробовать оба варианта, конечно стоит.

[Wanderlust]

Не знаю... Я всегда использую библиотеки чтобы получить интуитивно понятный и короткий код. Мне кажется 31кб достаточная цена за такие удобства. Даже такая простенькая задача как описал топикстартер может эволюционировать во что-то очень громоздкое, и писать все это на чистом JS будет сущим адом, имхо лучше сразу пользоваться готовыми великами.

ЗЫ Но это конечно же не значит что чистый JS учить не надо! Просто если вдруг человек решил писать что-то большое, пусть даже степ-бай-степ, лучше сразу начать с jquery. Вы же не будете спорить что без нее в будущем не обойтись?

[Ped O' Feel]

Я немного порыл литературы про этот самый xmlhttprequest. Как я понимаю, это не столько Java script, сколько область применения AJAX-a.

Я решил задачу, обойдясь без xmlhttprequest (хотя и займусь изучением этой технологии в ближайшем будущем).

Я просто использовал "плавающие фреймы" <iframe src="......."> </iframe>.

Значению src одного из i-фреймов приcваивается значение php-скрипта c соответствующим параметром.

onChange="

newURL='spis_gor.php'+'?Sel_stran='+document.f1.Select1.value;

document.all.gorfreym.src=newURL;"

Select1-это список. Когда его передергивают (onChange), источником i-фрейма (ID="gorfreym") становится php-скрипт spis_gor.php с параметром, равным измененному значению нашего Select1. Работает.

Если у iframe-ов скрыть все границы (frameborder=0) и полосы прокрутки, ну и цвет, соответственно сделать таким же, как у родительского документа, то он сливается с его фоном и становится незаметным :)

По-любому, всем спасибо.

[intregal]

метод iframe использовался до xmlhttprequest.

сейчас это моветон.

почитайте побольше про xmlhttprequest. поверьте, несложная штука и весьма интересная.

[Mazdayka]

Я немного порыл литературы про этот самый xmlhttprequest. Как я понимаю, это не столько Java script, сколько область применения AJAX-a.

Я решил задачу, обойдясь без xmlhttprequest (хотя и займусь изучением этой технологии в ближайшем будущем).

Я просто использовал "плавающие фреймы" <iframe src="......."> </iframe>.

Значению src одного из i-фреймов приcваивается значение php-скрипта c соответствующим параметром.

onChange="

newURL='spis_gor.php'+'?Sel_stran='+document.f1.Select1.value;

document.all.gorfreym.src=newURL;"

Select1-это список. Когда его передергивают (onChange), источником i-фрейма (ID="gorfreym") становится php-скрипт spis_gor.php с параметром, равным измененному значению нашего Select1. Работает.

Если у iframe-ов скрыть все границы (frameborder=0) и полосы прокрутки, ну и цвет, соответственно сделать таким же, как у родительского документа, то он сливается с его фоном и становится незаметным :)

По-любому, всем спасибо.

Про правильность использования iframe вам уже ответили. Я только добавлю, что в iframe не нужно извращаться с цветом и полосами прокрутки. Что бы его было не видно на странице, достаточно установить ему размеры width=0px height=0px. Ну а бордер конечно же перевести в 0