两个不同的部分视图使用 asp.net 核心 2.2，java 脚本模型 ajax

Question

如何使用 Ajax 实现这个？我得到了 JSON 格式的数据，但没有出现在弹出模型中。我有两个局部视图和一个主控制器它没有显示模型，仅弹出黑屏提前致谢

型号：

public class OnboardModel
{
    //public string Userid { get; set; }

    public string NodeIdx { get; set; }

    public string Name{ get; set; }

    public string Address { get; set; }
}

控制器：Dashboard/Getinfo

 public IActionResult Getxyzinfo(string nodeid = "7", string userid = "1" ,   string languageid = "1")
        {
            var RecentInfo = Buildxyzinfo(nodeidx, useridx, languageidx);

            return Json(new { success = true, recentinfoData = RecentInfo });
        }

html _index.cshtml 一个局部视图

如何使用 ajax

通过调用创建新的部分

如何调用局部视图

JavaScript :

  <script type="text/javascript">
                            $(document).ready(function () {
                                $('#showGoogle').click(function () {
                                    var url = $('#myModal').data('url');

                                    $.get(url, function (data) {
                                        $('#googleContainer').html(data);

                                        $('#myModal').modal('show');

                                    });
                                });
                            });
                        </script>

_index.cshtml 局部视图

                            <div id='googleContainer'>
                            </div>
                        </div>

                        <a href="#" id="showGoogle">Invitation Business</a>
                    </div>

其他_getinfo.cshtml局部视图

<div class="container">
    <!-- Modal -->
    <div class="modal fade" id="googleContainer" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">
                        &times;
                    </button>
                    <h4 class="modal-title">
                        Serial Numbers
                    @*</h4>*@
                </div>
                <div class="modal-body">
                    <span id="test"></span>


    <p>Some text in the modal.</p>
                         @Html.LabelFor(model => model.Googlename, new { @class = "control-label col-md-2" })
 <span class"control-label col-md-3">@Html.DisplayFor(model => model.xyzitem.Googlename)</span>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">
                        Close
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>

Answer 1

$(document).on("click", "#showmodal", function (nodeIdx) {

                $.ajax({
                    async: true,
                    url: '@Url.Action("Getxyzinfo", "Dashboard")',
                    data: { nodeIdx: nodeIdx },
                    type: 'GET',
                    traditional: true,
                    success: function (response) {
                        $("#googlecontanier").html(response.recentInfoData);

                        $("#myModal").modal("show");
                    },
                    error: function (xhr, status, error) {
                        console.log("Result: " + status + " " + error + " " + xhr.status + " " + xhr.statusText)
                    }
                });
            });

两个不同的部分视图使用 asp.net 核心 2.2，java 脚本模型 ajax

Two different partial view using asp.net core 2.2 ,java script model ajax

jquery

asp.net-ajax

bootstrap-modal

asp.net-core