PHP, JavaScript и MySQL, как связать их правильно?

@Mafy · Регистрация: 30.04.2009

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

У меня вот такая проблема. Мне нужно достать соответствующий url из БД, чтоб при нажатии на сылку (которая тоже берётся из БД), ява говорила какой у неё урл. Тот листинг, который приведён ниже не верно работает, дело в том, что он берёт только 1-й урл, который в базе и все. Помогите пожалуйста, уже голову свернула как это сделать.
<?php
$link = mysql_connect('localhost', 'root', '');
mysql_select_db($db);
$result = mysql_db_query("diplom","select * from lessons_ill");
while ($row = mysql_fetch_row($result)){
?>
<div class="style3">
<div align="left">

<br><a href="#content-main" class="style3" onClick="var url1= document.getElementById('url').value;ale rt(url1);"><?php echo $row[1]; $url=$row[2];?></a>
<input type="text" id="url" value="<?php echo $url;?>">

<?php }?>

@Innuendo · 30.04.2009, 13:42

а сколько записей у вас выведется если вот такой код написать?

PHP
1
2
3
4
5
6
7
8
<?php
$link = mysql_connect('localhost', 'root', '');
mysql_select_db($db);
$result = mysql_db_query("diplom","select * from lessons_ill");
while ($row = mysql_fetch_row($result)){
print_r($row); echo"<br>";
}
?>

@Varlock · 30.04.2009, 13:45

ммм+)) ну собственно основная ошибка у вас, насколько я вижу в:

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

while ($row = mysql_fetch_row($result)){
?>

вы начали цикл и сразу закончили пхп скрипт +) он получается заканчивается сразу после первой операции $row = mysql_fetch_row($result)...
никак не найду правильные слова, как это сказать, вобщем просто нельзя разделять пхп скрипт как это сделали вы... сервер обрабатывает каждую <?php ... ?> отдельно от всех остальных и подаёт на выход именно его результаты.
Попробуйте сделать вот как:

Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php
$link = mysql_connect('localhost', 'root', '');
mysql_select_db($db);
$result = mysql_db_query("diplom","select * from lessons_ill");
while ($row = mysql_fetch_row($result)){
 
echo '<div class="style3">';
echo '<div align="left">';
 
 
echo '<br><a href="#content-main" class="style3" onClick="var url1= document.getElementById(''url'').value;alert(url1);" >$row[1]'; 
$url=$row[2];
echo '</a><input type="text" id="url" value=$url>';
 
 }?>

я единственное, что не уверен, какие ковычки использовать в echo, двойные или одинарные+) я помню, что одни выведут всё как текст, а другие с учётом переменных+) но вот какие как, всегда путаюсь+) поэтому если будет неработать, то попробуйте поменять все ковычки в echo с ' на ", правда при этом обратите внимание, что в

getElementById(''url'').

поставлены не двойные а 2 одинарные ковычки (чтобы заэкранировать их, и он не закончил на них эхо, а просто вывел 1 ковычку), т.е. во всей строчке

echo '<br><a href="#content-main" class="style3" onClick="var url1= document.getElementById(''url'').value;a lert(url1);" >$row[1]';

при смене с одинарных ковычек на двойные, надо будет заэкранировать необходимые двойные кавычки, и убрать лишние одинарные...+)

З.Ы. кстати, в коде, имхо можно легко обойтись без

можно просто в

onClick="var url1= document.getElementById('url').value;ale rt(url1);"

сразу вставлять:

onClick="var url1= $row[2];alert(url1);"

или вернее даже так:

onClick="alert($row[2]);"

@Innuendo · 30.04.2009, 14:05

Varlock,

вы начали цикл и сразу закончили пхп скрипт +) он получается заканчивается сразу после первой операции $row = mysql_fetch_row($result)...
никак не найду правильные слова, как это сказать, вобщем просто нельзя разделять пхп скрипт как это сделали вы... сервер обрабатывает каждую <?php ... ?> отдельно от всех остальных и подаёт на выход именно его результаты.
Попробуйте сделать вот как:

не правы вы. такой вид записи разрешается и ничего не прерывается. с этой точки зрения, в исходном коде всё правильно записано

Добавлено через 10 минут 58 секунд
Mafy, Виноват, не сразу понял в чем дело. Ваша ошибка в том что вы через JS всегда выводите урл с одним и тем же айдишником. Можно решить проблему следующим образом

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?php
$link = mysql_connect('localhost', 'root', '');
mysql_select_db($db);
$result = mysql_db_query("diplom","select * from lessons_ill");
while ($row = mysql_fetch_row($result)){
?>
<div class="style3">
<div align="left">
 
 
<br><a href="#content-main" class="style3" onClick="var url1= document.getElementById('<?php echo "url_".$url_id;?>').value;alert(url1);" ><?php echo $row[1]; $url=$row[2];?></a>
<input type="text" id="<?php echo "url_".$url_id;?>" value="<?php echo $url;?>">
 
<?php $url_id++;}?>

@Mafy · 30.04.2009, 14:59 **[ТС]**

Спасибо огромное!!! Оно заработало))) Правда пришлось некоторые коррективы сделать. Работающий код:

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php 
$url_id="url";
$link = mysql_connect('localhost', 'root', '');
mysql_select_db($db);
$result = mysql_db_query("diplom","select * from lessons_ill");
while ($row = mysql_fetch_row($result)){
?>
<div class="style3">
<div align="left">
 
 
<br><a href="#content-main" class="style3" onClick="var url1= document.getElementById('<?php echo $url_id;?>').value; alert(url1);" ><?php echo $row[1]; $url=$row[2];?></a>
 <input type="text" id="<? echo $url_id;?>" value="<? print $url;?>">
 
<?php $url_id++;}?>

@Innuendo · 30.04.2009, 15:33

Рад помочь) Кстати если у вас в таблице первое поле это айдишник, то можно обойтись без $url_id. Тогда код будет выглядеть так

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php 
$url_id="url";
$link = mysql_connect('localhost', 'root', '');
mysql_select_db($db);
$result = mysql_db_query("diplom","select * from lessons_ill");
while ($row = mysql_fetch_row($result)){
?>
<div class="style3">
<div align="left">
 
 
<br><a href="#content-main" class="style3" onClick="var url1= document.getElementById('<?php echo $row[0];?>').value; alert(url1);" ><?php echo $row[1]; $url=$row[2];?></a>
 <input type="text" id="<? echo $row[0];?>" value="<? print $url;?>">
 
<?php }?>

@poiree89 · 28.05.2011, 16:16

Добрый день!
Подскажите, пожалуйста, как реализовать такую вещь:
есть некий проект на JS, в нем необходимо подключить пхп файл, но не выполнять его, а чтобы просто все его функции и глобальные переменные были доступны в JS (т.е. сделать то же самое, что и делается, когда присоединяется другой JS файл, например:

JavaScript
1
"<script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=false'></script>"

.
Ведь в этом случае происходит просто присоединение гугл проекта к текущему JS, после чего доступны все функции и переменные гугла).
А далее в нужных местах просто вызывать функции:

PHP
1
2
3
...
<?php echo contodb();?> // (кстати, есть сомнения по поводу того, так ли именно вызываются функции из пхп??)
...

или переменные:

JavaScript
1
2
3
...
createMarker(<?php echo $X;?>, <?php echo $Y;?>,i,<?php echo $Com;?>,<?php echo $Type;?>);
...

Так вот, нужно, чтобы эти функции и переменные вызывались из файла пхп, и нужно его просто подключить к проекту... Можно ли это сделать так же:

JavaScript
1
"<script type='text/javascript' src='main.php'></script>"

@Innuendo · 28.05.2011, 16:26

Да, можно. У вас как раз получится динамический JS-файл.
Вы только должны через php выводить JS. Что-то типа этого
main.php

PHP
1
2
3
4
5
6
7
8
9
10
...
$phpA=3;
echo <<<JS
function f()
{
var a={$phpA};
return a;
}
JS;
...

И в начале вашего main.php лучше добавить

PHP
1
header('Content-type: application/x-javascript');

@poiree89 · 28.05.2011, 16:40

Давайте так:
Есть у меня локальная база мускул, там таблица table1, в которой 2 поля: х, у.
Всего, например, 10 записей.
Мне нужно в яваскрипт (допустим, это файл: java.html) вывести каждую из записей, чтобы отобразить на странице с помощью яваскрипта. В принципе, я это сделал, остался неразрешенным вопрос, как "сказать" яваскрипту, чтобы он брал нужные мне переменные именно из файла пхп(допустим, у него имя php.php), который, собственно, и производит связь с базой и выгрузку данных.
Выложу примерный код:
файл java.html:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
<head>
<meta http-equiv='content-type' content='text/html; charset=utf-8'/>
<title>текст</title>
<script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=false'></script>
<script type='text/javascript'>
function load() {
    <?php echo contodb();?> // связываемся с базой
    <?php echo doquery();?> // выполняем запрос
    for ( var i = 0; i < <? echo $coumag?> - 1; i++) { // цикл от 0 до кол-ва записей в бд
        <?php echo insertXYMag();?>// здесь выбирается запись
        var a = <? echo $х ?>; // здесь присходит изъятие переменной из php и вставка в javascript
        var b = <? echo $у ?>;
    }

а вот файл php.php

PHP
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
<?
$host = 'localhost';
$user = 'root';
$dbname = 'PointsMagazine';
$querymag = null;  // сам запрос
$coumag = null;  // кол-во записей в таблице
$X = null; // нужные мне
$Y = null; // поля
 
function contodb(){
if(!mysql_connect($host,$user))
  die('Не удалось подключиться к серверу MySql!');
elseif(!mysql_select_db($dbname))
  die('Не удалось выбрать БД!');
}
function doquery(){
$pntsmag='SELECT * FROM SalesOutlets WHERE type between 1 and 3';
global $querymag, $coumag;
$querymag = mysql_query($pntsmag);
$coumag = mysql_num_rows($querymag);
}
 
function insertXYMag()
{
    global $querymag, $X, $Y;
    $qmag = mysql_fetch_array($querymag);
    $X = $qmag[X];
    $Y = $qmag[Y];
}
?>

Ну вот, и что мне нужно сделать в файле java.html, чтобы он понял, откуда брать все эти функции и переменные?

@Innuendo · 28.05.2011, 16:51

Да, понял теперь.
Как вариант, можно использовать AJAX, причем в очень тривиальном виде, т.к. насколько я вижу, ваш SQL-запрос не принимает никаких входных параметров.
В JS-функцию добавляете код, который будет запрашивать у php.php данные и уже далее оперировать ими.
Код могу написать, если идея годится.

@poiree89 · 28.05.2011, 17:03

Да, наверное, сгодится)
подправите мой код до работающего варианта?
Я читал про этот AJAX, но так и не понял, в чем там фишка...
У меня ведь тут все готово, нужно только доставать данные из пхп...

@Innuendo · 28.05.2011, 17:28

Фишка в том, что вы через JS можете отсылать HTTP-запросы на серв и получать ответ, иными словами загружать и отсылать данные без явных намеков на обновление страницы браузером. Советую использовать Jquery, тем более что там оч хорошая документация. Про использование ajax изложено тут http://api.jquery.com/jQuery.ajax/
В качестве типа данных для обмена удобно использовать json. В php есть функция для генерации данных в json-строку - json_encode($arr);
Алгоритм тогда будет примерно такой:
В php.php запихиваете в $arr все нужные записи и выводите в виде json
В JS используете функцию $.ajax()

JavaScript
1
2
3
4
5
6
7
8
9
$.ajax({
      url: "php.php",
      type: "GET",
      dataType: "json",
      success: function(data){
         // тут data это уже массив с записями. здесь и обрабатываете. можете функцию для success определить где-то выше
      }
   }
);

Примерно так)

@poiree89 · 28.05.2011, 21:14

Блин, вот геморрой... неужели нельзя полегче))) Мне просто сдать работу надо и забыть о ней)))

Добавлено через 2 часа 45 минут
а вы не могли написать код для пхп и JS с моим примером? а то просто в этом всем разбираться, чтобы просто сдать работу и забыть - как-то муторно...
Спасибо

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm) 8Observer8 30.01.2026 Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .	Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .

@Mafy 1 / 1 / 0 Регистрация: 30.04.2009 Сообщений: 5

	PHP, JavaScript и MySQL, как связать их правильно? 30.04.2009, 13:10. Показов 24480. Ответов 12 Метки нет (Все метки) У меня вот такая проблема. Мне нужно достать соответствующий url из БД, чтоб при нажатии на сылку (которая тоже берётся из БД), ява говорила какой у неё урл. Тот листинг, который приведён ниже не верно работает, дело в том, что он берёт только 1-й урл, который в базе и все. Помогите пожалуйста, уже голову свернула как это сделать. <?php $link = mysql_connect('localhost', 'root', ''); mysql_select_db($db); $result = mysql_db_query("diplom","select * from lessons_ill"); while ($row = mysql_fetch_row($result)){ ?> <div class="style3"> <div align="left"> <br><a href="#content-main" class="style3" onClick="var url1= document.getElementById('url').value;ale rt(url1);"><?php echo $row[1]; $url=$row[2];?></a> <input type="text" id="url" value="<?php echo $url;?>"> <?php }?> 0

@Innuendo 3 / 3 / 0 Регистрация: 29.04.2009 Сообщений: 8
	28.05.2011, 16:51
	Да, понял теперь. Как вариант, можно использовать AJAX, причем в очень тривиальном виде, т.к. насколько я вижу, ваш SQL-запрос не принимает никаких входных параметров. В JS-функцию добавляете код, который будет запрашивать у php.php данные и уже далее оперировать ими. Код могу написать, если идея годится. 1

@poiree89 0 / 0 / 0 Регистрация: 28.05.2011 Сообщений: 4
	28.05.2011, 17:03
	Да, наверное, сгодится) подправите мой код до работающего варианта? Я читал про этот AJAX, но так и не понял, в чем там фишка... У меня ведь тут все готово, нужно только доставать данные из пхп... 0

@poiree89 0 / 0 / 0 Регистрация: 28.05.2011 Сообщений: 4
	28.05.2011, 21:14
	Блин, вот геморрой... неужели нельзя полегче))) Мне просто сдать работу надо и забыть о ней))) Добавлено через 2 часа 45 минут а вы не могли написать код для пхп и JS с моим примером? а то просто в этом всем разбираться, чтобы просто сдать работу и забыть - как-то муторно... Спасибо 0