|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
21.02.2011, 10:32 | #1 |
Форумчанин
Регистрация: 20.02.2010
Сообщений: 229
|
проблема с Ajax
Доброго времени суток!
вопрос стоит в следующем, есть грубоговоря список <ul> <li id="1">1</li> <li id="2">2</li> <li id="3">3</li> </ul> по среди страницы и в соседнем с ним блоке некие тексты и прочее, проблема за ключается в том что при нажатии на отдельный элемент списка в блоке должна появляться соответствующая информация, как это дело реализовать на php проблем нет, проблема в том что это дело должно быть без перезагрузки страницы, слышал что такое реализуется с помощью технологии Ajax с которой практически не знаком, и вроде как это выглядеть должно так: <script type="text/javascript"> и вот тут какие то js функции вызывающие info.php который вытаскивает с бд соответств данные </script> кто то может подсказать как это будет или где про это почитать или где посмотреть на реализацию подобного??
думай как баг, действуй как баг, и ты найдешь баг )
|
21.02.2011, 11:55 | #2 |
Старожил
Регистрация: 19.04.2010
Сообщений: 2,702
|
|
03.03.2011, 18:07 | #3 |
Пользователь
Регистрация: 22.07.2010
Сообщений: 20
|
Используй jQuery
функции load(); <div id="test"></div> <script> function L(id) { $("#test").load("info.php?q="+id) ; } </script>
Меньше знаеш - больше дурак
|
04.03.2011, 08:34 | #4 |
Форумчанин
Регистрация: 20.02.2010
Сообщений: 229
|
вот код страницы:
Код:
код reciever.php Код:
думай как баг, действуй как баг, и ты найдешь баг )
|
04.03.2011, 10:36 | #5 |
Пользователь
Регистрация: 22.07.2010
Сообщений: 20
|
ыыыы !!! Кто так пишет!!!
1 - onBlur - дожно сробатывать при потере фокуса , лучше использовать чтото другое! 2 - Подключи jQuery!! Я архим с ним кинул !!! Немешало бы проверить - подключился он или нет! <form method="get" > <input type="text" name="test" value="1" onKeyup="L(1)"/> <input type="submit" name="submit" value="go" /> </form> <div id="test"></div> <script> function L(id) { $("#test").load("reciever.php?test= "+id) ; } </script>
Меньше знаеш - больше дурак
|
04.03.2011, 11:59 | #6 |
Форумчанин
Регистрация: 20.02.2010
Сообщений: 229
|
проблема частично решилась в другой части сайта, код при вводе в поле и событии onBlur(так потребовали=\) введенные данные уходят в обработчик, но проебла в том что я смекнул как сделать лишь с одним полем, а если полей будет несколько (порядка 20) я сообразить не могу
Код:
думай как баг, действуй как баг, и ты найдешь баг )
|
05.03.2011, 18:17 | #7 |
Пользователь
Регистрация: 05.03.2011
Сообщений: 60
|
Информация к размышлению...
<form method="get"> <input name="test" type="text" id="test" value="" onblur="login('login_response', this)"/> </form> <div id="login_response"></div> function login(id, obj) { var ob = document.getElementById(id); ob.innerHTML = "Loading..." var test = encodeURI(obj.value); http.open('get', 'php/customer/reciever.php?test='+obj.id); http.onreadystatechange = function () { if(http.readyState == 4){ var response = http.responseText; if(response == '0') ob.innerHTML = 'Login failed! Verify user and password'; else ob.innerHTML = response; } } http.send(null); }
Мои статьи по веб-программированию http://pihpi.ru
Последний раз редактировалось StagnantIce; 05.03.2011 в 18:20. |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
AJAX, проблема с CSS | zircon | JavaScript, Ajax | 1 | 09.01.2011 11:57 |
AJAX | Namolem | Помощь студентам | 1 | 08.02.2010 22:40 |
Проблема с Ajax | hoza_syl | JavaScript, Ajax | 2 | 31.12.2009 13:28 |
Ajax проблема с прокруткой колёсика обьекта Select | slips | JavaScript, Ajax | 4 | 31.12.2009 04:04 |
"Ajax" и неболшая проблема с ним... | Spectra | HTML и CSS | 0 | 09.03.2009 12:15 |