Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.06.2013, 13:57
Аспирант
Отправить личное сообщение для MBmusic Посмотреть профиль Найти все сообщения от MBmusic
 
Регистрация: 08.05.2013
Сообщений: 43

нужен примерчик
ищу простейший скрипт добавление сообщений с использованиея ajax, мб у когото есть примерчик, или киньте ссылку на хороший пример......интересует простой рабочий пример без разных заморочек......в инете перерыл много чего но там половину не рабочих, а половину супер мега накрученых с использованием json и тд......интересует даже не добавление сообщений а просто есть одно поле формы, мы туда пишем чтото нажимаем сабмит и происходит мгновенная запись в базу и вывод без перезагрузки страницы....
Ответить с цитированием
  #2 (permalink)  
Старый 24.06.2013, 14:24
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

Сообщение от MBmusic
а половину супер мега накрученых с использованием json и тд......
-нормальные примеры реализущие примитванейший фукционал.


Сообщение от MBmusic
а просто есть одно поле формы, мы туда пишем чтото нажимаем сабмит и происходит мгновенная запись в базу и вывод без перезагрузки страницы....
любой из примеров основ аякса и основ работы с базами пыхи это -в чём собственно проблема?
Ответить с цитированием
  #3 (permalink)  
Старый 24.06.2013, 14:41
Профессор
Отправить личное сообщение для mta88 Посмотреть профиль Найти все сообщения от mta88
 
Регистрация: 16.05.2013
Сообщений: 229

пожалуйста
$('#button').click(function() {
  var message = $('#message').val();
  // закрываем форму ввода
  // запускаем анимацию ожидания
  $.post('/add-post.php', message, function(data) {
    // останавливаем анимацию ожидания
    // data -- ответ сервера, делаем с ним что-нибудь
  });
});

обработку ошибок сами как-нибудь добавите
Ответить с цитированием
  #4 (permalink)  
Старый 24.06.2013, 14:43
Аспирант
Отправить личное сообщение для MBmusic Посмотреть профиль Найти все сообщения от MBmusic
 
Регистрация: 08.05.2013
Сообщений: 43

Сообщение от dmitriymar Посмотреть сообщение
любой из примеров основ аякса и основ работы с базами пыхи это -в чём собственно проблема?
так вот не могу найти такой примерчик...
Ответить с цитированием
  #5 (permalink)  
Старый 24.06.2013, 14:45
Аспирант
Отправить личное сообщение для MBmusic Посмотреть профиль Найти все сообщения от MBmusic
 
Регистрация: 08.05.2013
Сообщений: 43

Сообщение от mta88 Посмотреть сообщение
пожалуйста
$('#button').click(function() {
  var message = $('#message').val();
  // закрываем форму ввода
  // запускаем анимацию ожидания
  $.post('/add-post.php', message, function(data) {
    // останавливаем анимацию ожидания
    // data -- ответ сервера, делаем с ним что-нибудь
  });
});

обработку ошибок сами как-нибудь добавите
код это хорошо) но я полный нуб, я не знаю как передавать разные параметры в скрипт и тд......хотелось бы ссылочку на скачать пример полный рабочий
Ответить с цитированием
  #6 (permalink)  
Старый 24.06.2013, 15:04
Профессор
Отправить личное сообщение для mta88 Посмотреть профиль Найти все сообщения от mta88
 
Регистрация: 16.05.2013
Сообщений: 229

Сообщение от MBmusic Посмотреть сообщение
хотелось бы ссылочку на скачать пример полный рабочий
вы так говорите, как будто у вас последний день сессии
может и есть где-нибудь полностью рабочий маленький пример, но я не знаю где
а больших примеров полно -- wordpress, drupal, joomla и еще целый вагон
Ответить с цитированием
  #7 (permalink)  
Старый 24.06.2013, 15:25
Аспирант
Отправить личное сообщение для MBmusic Посмотреть профиль Найти все сообщения от MBmusic
 
Регистрация: 08.05.2013
Сообщений: 43

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

файл index.php
<?php include("connect.php"); ?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Отправка формы Ajax</title>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
<script type="text/javascript" src="ajax.js"></script>
</head>

<body>

<form action="SendData.php" method="post" id="myform">
<input type="text" name="mydata" id="mydata" />
<input type="button" onclick="send();" value="Отправить" />
</form>

<div id="result">
<?php
	$result = mysql_query("SELECT * FROM tabletest") or die (mysql_error());
	$comment = mysql_fetch_assoc($result);
	//$var_dump($comment);
	//echo $comment['mess'];
	while($comment = mysql_fetch_array($result)){
		echo $comment['mess'].'<br>';
	}
?>
</div>
</body>
</html>


файл SendData.php
<?php
include("connect.php");

$data = $_POST['data'];

if(empty($_POST['submit'])) {
	$result = mysql_query("INSERT INTO tabletest (mess) VALUES ('{$data}')") or die (mysql_error());

}
?>


файл ajax.js
function send() {
//Получаем параметры
var data = $('#mydata').val()
  // Отсылаем паметры
       $.ajax({
                type: "POST",
                url: "SendData.php",
                data: "data="+data,
                // Выводим то что вернул PHP
                success: function(html) {
 //предварительно очищаем нужный элемент страницы
                        $("#result").empty();

//и выводим ответ php скрипта
                        $("#result").append(data);
						
                }
        });

}
Ответить с цитированием
  #8 (permalink)  
Старый 24.06.2013, 15:55
Профессор
Отправить личное сообщение для mta88 Посмотреть профиль Найти все сообщения от mta88
 
Регистрация: 16.05.2013
Сообщений: 229

уберите строчку $("#result").empty(); из ajax.js -- она стирает старые сообщения

ну и по мелочи:
  • не стоит использовать настолько старую версию jquery
  • data: "data="+data лучше заменить на data: {data: data} или data: "data="+escape(data)
  • функции mysql_* давно устарели, лучше использовать mysqli_* или PDO
  • вставлять прямой подстановкой данные от пользователя в базу данных это прямой путь к sql-инъекции -- для предотвращения нужны методы mysqli::prepare или PDO::prepare
Ответить с цитированием
  #9 (permalink)  
Старый 24.06.2013, 16:44
Аспирант
Отправить личное сообщение для MBmusic Посмотреть профиль Найти все сообщения от MBmusic
 
Регистрация: 08.05.2013
Сообщений: 43

сделал все как описали выше, все равно ничего не изменилось......баг не пропал...
Ответить с цитированием
  #10 (permalink)  
Старый 24.06.2013, 16:53
Аспирант
Отправить личное сообщение для MBmusic Посмотреть профиль Найти все сообщения от MBmusic
 
Регистрация: 08.05.2013
Сообщений: 43

возможно проблема в том участке где мы выводим данные из базы, а именно:

<div id="result">
<?php
	$result = mysql_query("SELECT * FROM tabletest") or die (mysql_error());
	$comment = mysql_fetch_assoc($result);
	//$var_dump($comment);
	//echo $comment['mess'];
	while($comment = mysql_fetch_array($result)){
		echo $comment['mess'].'<br>';
	}
?>
</div>


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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Нужен скрипт для интернет магазина DDSSDD Работа 11 31.05.2013 19:20
Нужен подобный скрипт с сайта z1odeyka Элементы интерфейса 2 28.10.2012 06:21
Очень нужен скрипт для лёгкого интернет магазина samael Общие вопросы Javascript 3 26.06.2012 10:35
нужен скрппт hranitel666 Оффтопик 1 13.07.2010 12:24
Нужен WYSIWYG-редактор sdff Элементы интерфейса 4 27.10.2008 11:55