Ajax изменение данных на сервере - JavaScript, Ajax

Шваблык · 22.05.2012, 16:25

Здравствуйте уважаемые форумчане. Нужна помощь.

Вот в чем у меня проблема.
Есть страница index.html

Код HTML:

<html>
<head><title>***</title></head>
<body>
<form action="prs.php" method="post">
<input type="submit" id="btn" name="smb" value="Изменить">
</form>
</body>
</html>

Кнопка "Изменить" имеет вот такой php обработчик

PHP код:


			
<?php

if(isset($_POST['smb']))

{

mysql_query("UPDATE `users` SET `day` = `day` + 1") or die(mysql_error());}

?>

то есть при клике кнопки нас перенаправляет на страницу prs.php, выполняется изменения в базе.

У меня возникла проблема в следующем, мне нужно выполнять этот php без перезагрузки страницы. То есть при клике на кнопку "Изменить" выполнять этот запрос mysql_query("UPDATE `users` SET `day` = `day` + 1") не перезагружая и не перенаправляя меня на другую страницу.
Так немножко почитал в интернете что нужно в этом случае Ajax, а примера для себя так и не нашел.

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

therightrussia2 · 22.05.2012, 16:48

Мне кажется вот это наиболее простой из подходящих примеров
http://htmlweb.ru/ajax/example/prototype.php

Шваблык · 22.05.2012, 17:04

Спасибо, почитаю, жаль буквы не наши там

Может кто еще что нибудь покажет, посоветует?

therightrussia2 · 22.05.2012, 17:10

Смотрите все просто

На кнопку как в примере вы вешаете обработчик что по клику срабатывает скрипт

<input type="submit" name="button" id="button" value="Insert" onclick="javascript:insertName()"/>

Вот этот скрипт

<script type="text/javascript">
function insertName(){
new Ajax.Request('insert.php', {
parameters: $('user_name').serialize(true),
});
}
</script>

Java-cкрипт уже посылает запрос вашему серверному php-скрипту

=master= · 22.05.2012, 17:18

Цитата:

Может кто еще что нибудь покажет, посоветует?

Поиск по форуму устроит?

Шваблык · 22.05.2012, 18:59

therightrussia2, большое спасибо за помощь. Но у меня проблема в следующем, я не могу использовать prototype так как уже использую jQuery. Возникают конфликты библиотек. Может есть решение на jQuery?

Цитата:

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

Смотрите все просто

На кнопку как в примере вы вешаете обработчик что по клику срабатывает скрипт

Код HTML:

<input type="submit" name="button" id="button" value="Insert" onclick="javascript:insertName()"/>

Вот этот скрипт

<script type="text/javascript">
function insertName(){
new Ajax.Request('insert.php', {
parameters: $('user_name').serialize(true),
      });
  }
</script>

Java-cкрипт уже посылает запрос вашему серверному php-скрипту

Попробовал jQuery отключить, оставить prototype, но код этот не работает.

Код HTML:

<input type="submit" name="button" id="button" value="Insert" onclick="javascript:insertName()"/>

- повесил обработчик.

Код HTML:

<script type="text/javascript">
function insertName(){
new Ajax.Request('insert.php', {
parameters: $('user_name').serialize(true),
      });
  }
</script>

- вставил этот скрипт в index.html
изменил все как должно быть - insert.php на адрес своего обработчика prs.php, $('user_name') на $('smb')

Что не так я сделал?

A_r_r_a_y · 23.05.2012, 07:19

не найти пример ajax на jQuery это надо постараться.
http://anton.shevchuk.name/javascrip...eginners-ajax/
здесь на русском, подробно и с примерами написано про ajax в jQuery

Naive · 23.05.2012, 12:44

Цитата:

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

не найти пример ajax на jQuery это надо постараться.

Вот уж действительно) Под аджакс в документации jQuery отдельный раздел со 100500 преднастроенными функциями на любой случай жизни

therightrussia2 · 23.05.2012, 13:23

Цитата:

Сообщение от Шваблык

вставил этот скрипт в index.html
изменил все как должно быть - insert.php на адрес своего обработчика prs.php, $('user_name') на $('smb')

Что не так я сделал?

а какой в итоге результат? ваш скрипт вызывается? если нет проверьте срабатывает ли обработчик onClick то есть вызывается ли ява-скрипт

Шваблык · 23.05.2012, 13:44

попробовал с jQuery, вот так
<script>
function SendGet(){
$.get("prs.php");}
</script>

на кнопку повесил обработчик
onclick="javascript:SendGet()"

Все равно не работает, в чем может быть проблема?
Должно то по идее вызывать prs.php и выполнять php.

22.05.2012, 16:25	#1
Шваблык Пользователь Регистрация: 22.05.2012 Сообщений: 15	Ajax изменение данных на сервере Здравствуйте уважаемые форумчане. Нужна помощь. Вот в чем у меня проблема. Есть страница index.html Код HTML: <html> <head><title>***</title></head> <body> <form action="prs.php" method="post"> <input type="submit" id="btn" name="smb" value="Изменить"> </form> </body> </html> Кнопка "Изменить" имеет вот такой php обработчик PHP код: <?php if(isset($_POST['smb'])) { mysql_query("UPDATE `users` SET `day` = `day` + 1") or die(mysql_error());} ?> то есть при клике кнопки нас перенаправляет на страницу prs.php, выполняется изменения в базе. У меня возникла проблема в следующем, мне нужно выполнять этот php без перезагрузки страницы. То есть при клике на кнопку "Изменить" выполнять этот запрос mysql_query("UPDATE `users` SET `day` = `day` + 1") не перезагружая и не перенаправляя меня на другую страницу. Так немножко почитал в интернете что нужно в этом случае Ajax, а примера для себя так и не нашел. Кто может помочь кодом или подсказками, указаниями и т.п - буду очень благодарный.

22.05.2012, 16:48	#2
therightrussia2 Пользователь Регистрация: 21.05.2012 Сообщений: 24	Мне кажется вот это наиболее простой из подходящих примеров http://htmlweb.ru/ajax/example/prototype.php Правильная Россия - нам нужны программисты http://dimaovsyannikov.livejournal.com http://www.programmersforum.ru/showpost.php?p=1047533&postcount=1

22.05.2012, 17:10	#4
therightrussia2 Пользователь Регистрация: 21.05.2012 Сообщений: 24	Смотрите все просто На кнопку как в примере вы вешаете обработчик что по клику срабатывает скрипт <input type="submit" name="button" id="button" value="Insert" onclick="javascript:insertName()"/> Вот этот скрипт <script type="text/javascript"> function insertName(){ new Ajax.Request('insert.php', { parameters: $('user_name').serialize(true), }); } </script> Java-cкрипт уже посылает запрос вашему серверному php-скрипту Правильная Россия - нам нужны программисты http://dimaovsyannikov.livejournal.com http://www.programmersforum.ru/showpost.php?p=1047533&postcount=1

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Формирование данных на сервере и вывод в веб	metoflex	C/C++ Сетевое программирование	3	07.07.2011 20:59
Объемная база данных на сервере	Haheedens	Фриланс	1	02.05.2011 16:48
Блокировка записи в базе данных на сервере	Егор2	БД в Delphi	2	12.11.2010 13:51
Как проверить наличие базы данных на сервере	Oooleg	Microsoft Office Excel	1	25.02.2010 18:11
Запись данных в таблицу MySQL, расположенную на удалённом сервере)	tigr1991	БД в Delphi	0	07.01.2010 00:34

22.05.2012, 17:04	#3
Шваблык Пользователь Регистрация: 22.05.2012 Сообщений: 15	Спасибо, почитаю, жаль буквы не наши там Может кто еще что нибудь покажет, посоветует?

23.05.2012, 07:19	#7
A_r_r_a_y Форумчанин Регистрация: 01.03.2008 Сообщений: 165	не найти пример ajax на jQuery это надо постараться. http://anton.shevchuk.name/javascrip...eginners-ajax/ здесь на русском, подробно и с примерами написано про ajax в jQuery

23.05.2012, 13:44	#10
Шваблык Пользователь Регистрация: 22.05.2012 Сообщений: 15	попробовал с jQuery, вот так <script> function SendGet(){ $.get("prs.php");} </script> на кнопку повесил обработчик onclick="javascript:SendGet()" Все равно не работает, в чем может быть проблема? Должно то по идее вызывать prs.php и выполнять php.