时间戳

首页 > 解决方案 > 如何在asp.net核心实体框架核心中通过ajax发布数据后显示更新内容

ajax - 如何在asp.net核心实体框架核心中通过ajax发布数据后显示更新内容

问题描述

我想通过 jquery ajax 发布数据后显示更新内容。我试过了，但没有显示数据。这是我的代码...

jQuery ajax

 $(document).ready(function () {

    $('#paid').click(function () {
        var pid = $('#pid').val();
        var amt = $('#amt').val();
        var payType = $('#payType').val();
        $.ajax({
            type: "POST",
            url: "/Reception/Registration/AddPaidBalance",
            data: { PatientId: pid, PaidAmt: amt, PaymentType: payType },
            success: function (data) {

            }
        });
    });        
})

控制器

 [HttpPost]
    public async Task<IActionResult> AddPaidBalance(PatientBilling patientBilling)
    {
        if (ModelState.IsValid)
        {
            _db.PatientBilling.Add(patientBilling);
            await _db.SaveChangesAsync();
            //return RedirectToAction("Details", "Registration", new { area = "Reception", id = patientBilling.PatientId });
            //return RedirectToAction("Details", "Registration", new { patientBilling.PatientId});
        }

        return View();
    }

帮我解决这个问题。

标签： ajaxasp.net-coreasp.net-ajaxasp.net-core-2.0jquery-ajaxq

解决方案

根据您的代码，您发出 ajax 请求以将数据发布PatientBilling到操作方法。要在请求成功完成后在页面上显示新增PatientBilling信息Details，您可以在成功回调函数中进行重定向，如下所示。

<script>
    $(document).ready(function () {

        $('#paid').click(function () {
            var pid = 1;//$('#pid').val();
            var amt = "amt";//$('#amt').val();
            var payType = "type1";//$('#payType').val();
            $.ajax({
                type: "POST",
                url: "/Reception/Registration/AddPaidBalance",
                data: { PatientId: pid, PaidAmt: amt, PaymentType: payType },
                success: function (data) {
                    window.location.href = "@Url.Action("Details", "Registration", new { Area = "Reception"})" + "?patientId=" + pid;
                }
            });
        });
    })
</script>

详细信息操作

public IActionResult Details(int patientId)
{
    // code logic here
    // get details of PatientBilling based on received patientId
    // ...
    return View(model);
}

推荐阅读