Добавить товар в корзину, но только без перезагрузки страницы

@zzz9311 · Регистрация: 11.09.2016

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

всем привет, начал изучать asp.net mvc и по традиции начал писать интернет магазин, мне нужно добавить функцию добавления в корзину, но только без перезагрузки страницы, как сделать так, чтобы при нажатии просто товар добавлялся в корзину, но страница оставалась прежняя?пробовал использовать ajax.beginform и ajax.link, но все равно перекидывало на другую вьюшку

@Wolfdp · 14.08.2018, 06:57

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

посидел почитал, и нашел метод IsAjaxRequest, и через него понял, что браузер даже с хелпера ajax.actionlink не понимает что это аджакс

ужс...

Есть 100500 способов призвать мощ ajax, начиная от темной магии нативно js в виде fetch или более древнего XMLHttpRequest, и заканчивая различными либами на кшталт того же jQuery. В любом случае, рекомендую вьібрать что-то одно на проект.

В вашем верхнем варианте юзается jquery, и ошибка в том что вы юзаете клик по линке, которая автоматом куда-то ведет. На самом деле можно назначить айдишник myLink хоть картинке (ну или отключить переход по линке) и юзат клик по обьекту, но правильнее так

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type="text/javascript">
    function add (id) {
 
        $.ajax({
 
            url: "/Cart/CartAdd?id=" + id,
            type:'POST',
            success: function () {
                alert("Value Added");
            }
 
        });
 
    }
</script>

HTML5
1
<a click="add(@item.Id)" href="javascript:void(0);">Добавить</a>

C#
1
2
3
4
public CartController: Controller
{
public ActionResult CartAdd(int id){ /*TODO*/ }
}

Если же юзать хелперьі, то нужно определится с подключаемьіми либами (скажем MicrosoftAjax), и вьіглядит єто как-то так...

HTML5
1
2
3
4
5
6
7
8
9
10
<head>
    <script src="~/Scripts/MicrosoftAjax.js"></script>
    <script src="~/Scripts/MicrosoftMvcAjax.js"></script>
</head>
<body>
@foreach(var item in Model.ItemList)
{
@Ajax.ActionLink("Добавить", "CartAdd", new { id = @item.Id })
}
</body>

Ну и допустим пример (хотя там столько сахара, что можно подхватить диабет, не знаю разберешь ли)
Nya.Shop.zip

@zzz9311 · 15.08.2018, 15:34 **[ТС]**

Спасибо большое, все понял!) особенно спасибо за примеры, очень сильно помогли!
а у меня еще 1 маленький вопрос, у меня все товары на страницу выводятся через частичное представление,и к айди я имею доступ только в нем, как в этом случае лучше доставать айди?

@Wolfdp · 16.08.2018, 12:09

zzz9311, доставать где и куда?

@zzz9311 · 17.08.2018, 13:22 **[ТС]**

Wolfdp, уже решил проблему эту, чуток просто затупил)

Новые блоги и статьи Все статьи Все блоги /
Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Jin X 06.09.2026 Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Работая с форумом и нейросетями в браузере часто хочется что-то подкорректировать или добавить какого-то функционала. Ниже прикреплён. . .	Программа опроса у.з. расходомера SLS-720F Argus19 02.09.2026 Программа опроса у. з. расходомера SLS-720F Программа опрашивает один раз в минуту три ультразвуковых расходомера SLS-720F через интерфейс RS-485 по протоколу Modbus RTU. Опрашиваются регистры. . .	Hyper-V: Компьютер должен поддерживать доверенный платформенный модуль 2.0. Maks 31.08.2026 При установке Windows 11 на виртуальную машину Hyper-V 2-го поколения вылезла такая ошибка: Решение: в параметрах виртуальной машины, в разделе "Безопасность" (Security) активировать флаг. . .	Архитектура биовида Стива в Майнкрафте: Зачем бонобо кубический каннибализм anaschu 30.08.2026 Кубический Вагинокапитализм в Minecraft: Математический инвариант ОДУ и рок Стивов-бонобо Главная задача разработанной «Модели Всего» — наглядно продемонстрировать наличие системной «судьбы». . .
Оттачиваю умение писать js программы. russiannick 30.08.2026 Проектом выходного дня стало написание Книги шифров Виженера. Итогом стала версия 200, синий туман. Синий туман назван так, потому что замораживает текст под собой. Нажатие синих кнопок управляют. . .	мат медиц модель 30. презентация проекта anaschu 27.08.2026 хоп хоп хоп хидахоп, а я кладую))	Как у меня протекала болезнь zorxor 27.08.2026 Здравствуйте, друзья! Эта запись блога предназначена именно для вас - для моих дорогих друзей, которые знали меня лично. Чтобы ответить на вопрос - а что же со мной произошло на самом деле? Я учился. . .	Нашел вот забавное видео о измерениях. Лучшее что я видел на эту тему kumehtar 26.08.2026 ILETXiw9bMQ Основная суть и тезисы по измерениям: 0D (Нулевое измерение): точка, не имеющая длины, ширины, высоты или объема. Объект не может перемещаться в 0D. 1D (Первое измерение):. . .

@zzz9311 0 / 0 / 0 Регистрация: 11.09.2016 Сообщений: 35

	Добавить товар в корзину, но только без перезагрузки страницы 11.08.2018, 00:22. Показов 6869. Ответов 23 Метки нет (Все метки) всем привет, начал изучать asp.net mvc и по традиции начал писать интернет магазин, мне нужно добавить функцию добавления в корзину, но только без перезагрузки страницы, как сделать так, чтобы при нажатии просто товар добавлялся в корзину, но страница оставалась прежняя?пробовал использовать ajax.beginform и ajax.link, но все равно перекидывало на другую вьюшку 0

@zzz9311 0 / 0 / 0 Регистрация: 11.09.2016 Сообщений: 35
	15.08.2018, 15:34 [ТС]
	Спасибо большое, все понял!) особенно спасибо за примеры, очень сильно помогли! а у меня еще 1 маленький вопрос, у меня все товары на страницу выводятся через частичное представление,и к айди я имею доступ только в нем, как в этом случае лучше доставать айди? 0

@Wolfdp 3790 / 1767 / 371 Регистрация: 15.06.2012 Сообщений: 6,543 Записей в блоге: 3
	16.08.2018, 12:09
	zzz9311, доставать где и куда? 0

@zzz9311 0 / 0 / 0 Регистрация: 11.09.2016 Сообщений: 35
	17.08.2018, 13:22 [ТС]
	Wolfdp, уже решил проблему эту, чуток просто затупил) 0

Опции темы

Добавить товар в корзину, но только без перезагрузки страницы

Решение