Форум

in9emix · #1 (**permalink**) 30.07.2012, 11:41

Здравствуйте уважаемые форумчане, я начал изучать несколько дней назад javascript + jquery по курсам Евгения Попова. Все прошел, все понял очень хорошо.

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

У меня есть в бд(использую mysql) таблица для новостей сайта и я бы хотел сделать как на одном сайте где по нажатию по названию новости выпадает краткое описание + картинка к этой новости.

Я боюсь конечно попасть в бан после того что дам ссылку на этот сайт, но я думаю многие его знают . Это сайт по известное игре(карте) ДОТА, ссылка вот:

http://www.prodota.ru/

У них новости прям на главной странице и там очень хорошо виден список новостей и по клике слева на право выдвигается красиво инф-ция и картинка по этой новости. Так как все появляется динамично я думаю что там используется какое то обращение к бд, которое и позволяет динамично (без перезагрузки) вытаскивать данные из бд.

Ребят я тоже самое сделал на php благодаря формам...Но после нажатия на кнопку "Обновить" в браузере, соответственно появиться сообщение что какие то данные передаются "ОК" или "ОТМЕНА"...

Я слышал что есть метод

$.ajax()

у библиотеки jQuery и далее уже с использованием json можно реализовать подобное.

Правильно ли я рассуждаю?

Если да или в любом другом случае, прошу помощи. С чего мне начать если я хочу научиться строить сайты динамически, а именно получать данные из бд, отправлять данные и т.д... и все это динамически.

Хочу работать только с библиотекой jQuery

Я понимаю, что можно было гуглить. Но я это делал и не нашел подходящих вариантов, очень много сайтов которые предлагают реализовать все это без библиотеки jQuery... А это крайне не удобно...(

Цель: Хочу обучиться доводиться сайты до динамики

devote · #2 (**permalink**) 30.07.2012, 11:43

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

Правильно ли я рассуждаю?

да

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

Цель: Хочу обучиться доводиться сайты до динамики

и что же вам мешает? читайте, изучайте и если есть желание, то все у вас получится.

in9emix · #3 (**permalink**) 30.07.2012, 12:19

Я нашел вроде бы очень хорошее решение как втащить данные из бд методом ajax + jquery + json

Есть код html:

<body>
	<p>Входные значения:</p>
	<p><input type="text" id="inp0"> <input type="button" value="Отправить запрос" id="btn0"></p>
	<p>Результаты обработки запроса:</p>
	<p><input type="text" id="inp1"></p>
	<p id="p1"></p>
</body>

Есть обработчик php js:

<?
if (isset($_POST["key"])) $key = $_POST["key"];
if (!mysql_connect(localhost, root, root))
{
	exit;
}
mysql_select_db("test");
$q = mysql_query("SELECT * FROM test_table WHERE id = 'key '");
$res = mysql_fetch_assoc($q);
$res['key'] = $key;
echo json_encode($res);
?>

B есть код js:

<script type="text/javascript">
	function runajax()
	{
		var inp0 = $("#inp0").val();
		$.ajax({
		  type: "POST",
		  data: "key=" + inp0,
		  url: "/ajax2.php",
		  dataType: "json",
		  success: function(data)
		  {
			$("#inp1").val(data.id);
			var temp = data.content + " " + data.key;
			$("#p1").text(temp);
		  }
		})
	}
	$(document).ready(function(){
		$("#btn0").click(runajax);
	});
</script>

Когда ввожу в поле какую то цифру (например id 1) так как по ней есть инф-ция в бд, то конечно же скрипт работает и все работает без перезагрузки.

Но когда я немного меняю html код и цифры которые я вводил ранее в поле (инпут) я помещаю в value списка селект(оптион) то при нажатии уже не выводиться инф-ция из бд...

То есть если есть поле ввода - РАБОТАЕТ.
Если есть список с value - НЕ РАБОТАЕТ.

Не знаю в чем дело(

Форум

Справочник

Discord чат

Курсы javascript