Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.67/3: Рейтинг темы: голосов - 3, средняя оценка - 4.67
androidos
29 / 27 / 5
Регистрация: 07.07.2011
Сообщений: 773
1

Убрать полностью перегрузку страницы при выводе данных из БД

09.06.2012, 18:19. Просмотров 625. Ответов 3
Метки нет (Все метки)

Делаю добавление в базу примерно так
HTML5
1
2
3
4
5
6
<form action="" method="post" id="ajax-form" name="ajaxform" accept-charset="utf-8" >
 
            <input type="text" id="field-email" name="email" />     
            <textarea id="field-message" name="message" cols="50" rows="10" style="height: 60px"></textarea>        
            <input type="submit" id="submit" name="submit" value="Submit" class="button" /> 
</form>
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
(function($){
    var form;
    $('#ajax-form').submit(function(e){
        form = this;
        e.preventDefault();
        var response = $.ajax({
            type: 'POST',
            url: this.action,
            data: $(this).serialize(),
            dataType: 'json',
            success: alert("inserted")
        });
    });
})(this.jQuery);
PHP
1
2
3
4
if(isset($_POST['email']) AND isset($_POST['message']))
{
//insert statement
}
Всё вроде бы ок, запись произошла без перегрузки страницы. Но мне нужно, чтобы сразу же обновились и записи на самой странице (Естественно тоже без перегрузки и сразу после добавления).
Не пойму как реализовать. Надеюсь на Вашу помощь.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
09.06.2012, 18:19
Ответы с готовыми решениями:

Убрать лишние рамки при выводе текста.
Я нашел в интернете скрипт который мне подходит идеально , но на сайт он...

Убрать панель инструментов при загрузке страницы
Подсажите, пож., а можно, чтобы у страницы при загрузке убиралась панель...

Как убрать переход к верху страницы при клике
Привет, у меня небольшая проблема. В боковой(ом) меню есть ссылки на разделы,...

как убрать квадрат при выводе данных из БД
подскажите как разобратся!!!!! у меня список пользователей собирается квадрат в...

Убрать лишние пробелы при выводе данных
Нужна небольшая помощь с выводом информации, при выводе, фортран ставит пробелы...

3
Daredevi1
309 / 301 / 78
Регистрация: 09.05.2009
Сообщений: 723
09.06.2012, 18:53 2
В пхп части выдаете скрипту записанные данные.

А тут уже их обрабатываете:

Вместо
Цитата Сообщение от androidos Посмотреть сообщение
success: alert("inserted")
Используйте
Javascript
1
2
3
success: function(data){
  //здесь выполняете все необходимые вам действия для добавления
}
1
androidos
29 / 27 / 5
Регистрация: 07.07.2011
Сообщений: 773
10.06.2012, 03:36  [ТС] 3
А если поподробнее, можете именно по коду подсказать? По мне как, если логично подумать, то в success нужно поместить такой же AJAX код, только с ID для обновления страницы.
Примерно так
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
                
                (function($){
                    var form;
                    $('#refreshPage').submit(function(e){
                        form = this;
                        e.preventDefault();
                        var response = $.ajax({
                            type: 'POST',
                            url: this.action,
                            data: $(this).serialize(),
                            dataType: 'json',
                        });
                    });
 
                })(this.jQuery);
Предварительно создав форму с кнопкой REFRESH.
И где-то ниже наверн нужно сделать автонажатие кнопки REFRESH.
Ну или я не знаю, не получается у меня (
0
basili4
201 / 198 / 4
Регистрация: 13.06.2012
Сообщений: 1,011
Записей в блоге: 3
13.06.2012, 12:53 4
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 (function($){
                    var form;
                    $('#refreshPage').submit(function(e){
                        form = this;
                        e.preventDefault();
                        var response = $.ajax({
                            type: 'POST',
                            url: this.action,
                            data: $(this).serialize(),
                            dataType: 'json',
                            success: function(data){
                             // Тут нужно вызвать код который строит отображение. на странице примитивно так
                                   $('#output').html(data);   
                            }
                        });
                    });
 
                })(this.jQuery);
PS Не забывайте о проверке данных


if(isset($_POST['email']) AND isset($_POST['message']))
Это не годится ибо инъекция.
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
13.06.2012, 12:53

Убрать 0 при выводе из базы
Доброго времени суток уважаемые программисты профессионалы! Вот столкнулся с...

Убрать символ при выводе
У меня есть программа, которая меня цвет и вид курсора мыши. И выводит на экран...

Убрать меню при выводе
Проблема следующая, при запуске программы появляется меню выбора...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru