使用Ajax和Razor的模型的增量值

Question

我正在使用Razor遍歷模型上的一個集合以顯示它。 舉個例子：

@foreach(var item in myCollection)
{
    <span id='item-@item.Id'>@item.Quantity</span>
    <button type='button' onclick='updateQuantity(@item.Quantity+1);'>Add One</button>
}

在此示例中， updateQuantity執行AJAX請求，取回新數量，並使用新數量更新item-@item.Id 。 但是，由於@item.Quantity是從模型中提取的（通過頁面的GET方法傳入，因此@item.Quantity永遠不會用新值更新，直到重新加載頁面為止。

我的問題是：如何確保我始終使用最新值，而不必重新加載頁面？

Answer 1

像這樣更改您的foreach循環內的按鈕：

@foreach(var item in myCollection)
{
    <span id='item-@item.Id'>@item.Quantity</span>
    <button id='updateButton' type='button'>Add One</button>
}

並且，將此腳本添加到您的視圖中：

<script>
    $("#updateButton").click(function() {
       var quantity = $("#item-@item.Id").text();
       updateQuantity(quantity);
    })
</script>

並且，在您的updateQuantity()函數中，在通過Ajax取回跨度后更新跨度內的文本。