【已解決】ASP .NET MVC 互動視窗 Modal PartialView的局部更新問題

asp.net mvc jquery

suiseipen 2023-12-07 17:39:49 ‧ 1040 瀏覽

分享至

ASPNET-MVC-5-Microsoft-jQuery-Unobtrusive-Ajax-lost-and-found
參考這篇文章加入套件就解決了

我想要按下儲存后只有modalbody的資料更新
controller

index.cshtml(按下按鈕會出現modal)

_model.cshtml(會載入_modalbody.cshtml)

_modal.cshtml

儲存前

儲存后

我查網上和問gpt都是得到用partialview和UpdateTargetId。我想請問各位大大是我那個地方有寫錯嗎？

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

念戀

iT邦新手 5 級 ‧ 2023-12-07 21:10:12

https://chat.openai.com/share/54fefd7e-4eb6-4536-bc91-33390e8d8784
GTP這樣回答的

更：
沒辦法回復誒！
submit時候也沒去要更新modalbody 就回到view了的說？
也不懂預期是什麼樣子
public ActionResult SaveModal()
{
ViewBag.Message = "";

return Json("SaveModal");

}
index.cshtml :加function
function saveChanges() {

    // 使用 $.ajax 函數進行 Ajax 請求
     $.ajax({
        url: "@Url.Action("SaveModal")",
        method: "Post",
        dataType: "JSON",
        success: function (data) {
            // 請求成功時的處理
            console.error(data);
            $(".modal-body").html(JSON.stringify(data));
        },
        error: function (xhr, status, error) {
            // 請求失敗時的處理
            console.error("Error:", status, error);
        }
    });
}

_model.cshtml ： submit 改為button 加onclick
<button type="button" id="Save" onclick="saveChanges()" class="btn btn-primary">儲存
GTP說用 ajax