Два разных частичных вида с использованием asp.net core 2.2, модель java-скрипта ajax - PullRequest
Новая
       49

Два разных частичных вида с использованием asp.net core 2.2, модель java-скрипта ajax

0 голосов
/ 21 мая 2019

Как реализовать это с помощью 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; }
}

контроллер:Панель инструментов / 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

howчастичное представление

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>

1 Ответ

0 голосов
/ 27 мая 2019 
$(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)
                    }
                });
            });
...