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

@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, уже решил проблему эту, чуток просто затупил)

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

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

	Добавить товар в корзину, но только без перезагрузки страницы 11.08.2018, 00:22. Показов 6647. Ответов 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

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

Решение