所以我的索引視圖中有一個類似的按鈕，看起來像這樣。它呼叫函式“PostLike”，通過在我的“like”表中插入一個新行來增加喜歡的數量。
<form asp-action="PostLike" asp-route-id="@item.Id">
<input id="btn" type="submit" value="Like" class="btn btn-primary">
</form>
我想要做的是在單擊時將按鈕的值從喜歡更改為不喜歡，而不重繪 頁面并在重繪 應用程式后保留該值。有任何想法嗎？我知道我必須使用一些 AJAX 函式才能作業，但我不知道應該如何實作它。
uj5u.com熱心網友回復：
您可以進行 ajax 呼叫以檢查成功或錯誤請求狀態，然后更改成功方法的值
ArticleLikeObj 是要發送到控制器以保存類似文章操作的物件，它是一個包含ArticleId和當前登錄用戶等屬性的視圖模型類
ajax 呼叫
<input id="@item.ArticleId" onClick="Submit_clicked(this.id)" value="Like" class="btn btn-primary">
<input id="@item.ArticleId" onClick="Submit_clicked(this.id)" value="Like" class="btn btn-primary">
<input id="@item.ArticleId" onClick="Submit_clicked(this.id)" value="Like" class="btn btn-primary">
function Submit_clicked(clicked_id)
{
let ArticleLikeObj = {ArticleId:clicked_id, UserName:"Doe"};
SendRequest(ArticleLikeObj);
}
function SendRequest(ArticleLikeObj) {
$.ajax({
type: "POST",
url: '@Url.Action("action name","controller name")',
data: ArticleLikeObj,
contentType: 'application/x-www-form-urlencoded',
dataType: "json",
success: function (response) {
document.getElementById("Submit").value = "Liked";
},
error: function () {
alert("Error!");
}
});
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/462707.html
標籤：C＃ jQuery 网 阿贾克斯 asp.net 核心
上一篇：物體框架核心-不在
下一篇：如果檔案已經存在，如何覆寫它？