Обновление массива без перезагрузки (ajax,js,php)

@bogdan199210 · Регистрация: 05.01.2016

Студворк — интернет-сервис помощи студентам

есть кнопка которая добавляет в закладки:

HTML5
1
<i onclick="wishlist.add('<?php echo $product['product_id']; ?>');" class="icon-hearth4"></i>

С помощью ajax он отправляет запрос

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
var wishlist = {
    'add': function(product_id) {
        $.ajax({
            url: 'index.php?route=account/wishlist/add',
            type: 'post',
            data: 'product_id=' + product_id,
            dataType: 'json',
            success: function(json,html) {
                $('.alert').remove();
                if (json['redirect']) {
                    location = json['redirect'];
                }
                setTimeout(function () {
                    $('#wishlist-total').html('<span id="wishlist-total">' + json['total'] + '</span>');
                }, 100);
                if (json['success']) {
                    $('#content').parent().before('<div class="alert alert-success"><i class="fa fa-check-circle"></i> ' + json['success'] + ' <button type="button" class="close" data-dismiss="alert">&times;</button></div>');
                }
                $('html, body').animate({ scrollTop: 0 }, 'slow');
            },
            error: function(xhr, ajaxOptions, thrownError) {
                alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
            }
        });
    },
    'remove': function() {
    }
}

Дальше контроллер принимает этот product_id и записывает в сессию

PHP
1
$this->session->data['wishlist'][] = $this->request->post['product_id'];

и выводится с помощью знака %s количество, ранее в js коде была такая строка

JavaScript
1
$('#wishlist-total').html('<span id="wishlist-total">' + json['total'] + '</span>');

и вот её html

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
 <li id="wishlist" class="notification dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="icon icon-hearth"></i><span class="notif" id="wishlist-total"><?php echo $text_wishlist; ?></span></a>
                
                <ul class="dropdown-menu pack">
                  <?php foreach ($wishlist_product as $product) { ?>
                  <li class="package-item"><a href="<?php echo $product['href']; ?>">
                    <img src="<?php echo $product['thumb']; ?>" alt="">
                    <span class="cap2"><p><?php echo $product['name']; ?></p></span>
                    <span class="price2"><?php echo $product['price']; ?></span>
                  </a></li>
                  
<?php } ?>
                </ul>
              </li>

тут есть span где прописан id ="wishlist-total"
а <?php echo $text_wishlist; ?> это и есть этот %s, в который я говорил ранее.
Так вот, у меня такая загвоздка, количество то оно подсчитывает, НО как вы видите у меня есть ещё и массив который выводит эти данные, задача в том как обновить массив, не обновляя при этом страницу??!! Спасибо за ранее!

@fanatikus · 29.06.2017, 20:18

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

задача в том как обновить массив, не обновляя при этом страницу??!!

если имеется в виду это

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

<?php foreach ($wishlist_product as $product) { ?>

то никак. как вариант на сервере формировать список а на клиенте просто заменять новым.

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .