Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Devolarium
1 / 1 / 2
Регистрация: 29.04.2013
Сообщений: 101
1

Ajax работает на первом элементе

22.07.2015, 21:41. Просмотров 210. Ответов 4
Метки нет (Все метки)

Вечер добрый, нужно натолкнуть на мысль, ситуация такая:
Выводится несколько пользователей, нужно сделать удаление через ajax. Сделал.

Java
1
2
3
4
5
6
7
8
9
$('#deletefriend').click(function() {
    var friendid = $(this).data('friendid');
    var action = $(this).data('action');
 
    $.post(document.location.href, {action: action, friendid: friendid}, function(data) {         
document.getElementById("deletefriend").remove();
document.getElementById('actions').innerHTML = '<span class="added">Removed</span>';
    })
  })
Код, работает, но для того чтобы удалить второго пользователя, нужно сначала удалить первого и обновить страницу, без этого никак (при этом теряется вся польза ajax-запросов)
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
22.07.2015, 21:41
Ответы с готовыми решениями:

Как перехватить событие на новом созданном элементе после выполнения ajax
Имеется форма. В ней поле select и input. Я ловлю событие сначала поля select и...

OnClick не работает на span-элементе в форме
Почему онклик ивент не работает на span'e а вот на кнопке все отлично работает....

не работает ajax из ajax`a
сама функция,которая не работает(ответа не приходит,следовательно не посылается...

Не работает $.ajax()
Скажите, если знаете, почему у меня никак не работает $.ajax? Я уже все...

Не работает ajax
Здравствуйте! Не пойму почему, но работает через раз, то нормально все, то...

4
alexsamos33
618 / 598 / 325
Регистрация: 26.04.2014
Сообщений: 1,970
23.07.2015, 10:46 2
У вас наверное на странице используется несколько элементов с одним id, что быть не должно. Используйте класс (class).

Добавлено через 18 секунд
А id должен быть уникальный.
0
Devolarium
1 / 1 / 2
Регистрация: 29.04.2013
Сообщений: 101
23.07.2015, 15:28  [ТС] 3
Это так, а могу я к примеру использовать $(this) к id? Тогда по идее должно все работать, или принципиально использовать для
этого классы?
0
alexsamos33
618 / 598 / 325
Регистрация: 26.04.2014
Сообщений: 1,970
23.07.2015, 15:45 4
Цитата Сообщение от Devolarium Посмотреть сообщение
Это так, а могу я к примеру использовать $(this) к id? Тогда по идее должно все работать, или принципиально использовать для
этого классы?
Ну да, если this в нужном контексте.
0
Devolarium
1 / 1 / 2
Регистрация: 29.04.2013
Сообщений: 101
23.07.2015, 16:04  [ТС] 5
конечно, еще один вопрос:
Javascript
1
2
3
4
5
6
7
$('.post-delete').click(function() {
    var postid = $(this).data('postid');
    var action = $(this).data('action');
    $.post(document.location.href, {action: action, postid: postid}, function(data) { 
$(this).parents('.wall-post').remove();  
    })
  })
сделал так, все данные через ajax передаются, но remove элемента не работает, если же убрать:

Javascript
1
    $.post(document.location.href, {action: action, postid: postid}, function(data) {
тогда remove работает, но разумеется данные не передаются
0
23.07.2015, 16:04
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
23.07.2015, 16:04

Ajax не работает
Здравствуйте! Есть скрипт с использованием ajax, но по какой-то причине он на...

$.ajax не работает
Добрый день. Есть форма авторизации: &lt;!-- Вход и регистрация --&gt; &lt;p...

Не работает Ajax
В консоли ошибок js никаких нет, но браузер выдает Ошибка Ajax: данные не...


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

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

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