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

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

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

всем привет, начал изучать 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

<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#

public CartController: Controller
{
public ActionResult CartAdd(int id){ /*TODO*/ }
}

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

HTML5

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

@Wolfdp 1696 / 1325 / 316 Регистрация: 15.06.2012 Сообщений: 5,045 Записей в блоге: 3
	16.08.2018, 12:09	23
	zzz9311, доставать где и куда? 0

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

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

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

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

Решение