Отображение данных от Json до <ul>Tag MVC Javascript - PullRequest
Новая
       24

Отображение данных от Json до <ul>Tag MVC Javascript

0 голосов
/ 19 июня 2020

У меня есть эта JavaScript Функция 

function GetAll()
     {
         $.ajax
             ({
                 type: method,
                 url: "/dash/GetMemebers",
                 dataType: 'JSON',
                 contentType: "application/Json; Charset= Utf-8"
             })
     }

В моем Conrtoller я использую этот метод 

public ActionResult GetMemebers()
        {
            var members = db.t_m.ToList();
            return Json(new { data = members }, JsonRequestBehavior.AllowGet);
        }

Мне нужно воспроизвести эти данные, чтобы пометить

это HTML Код 

 <div class="row">
        <div class="col-3">
            <ul class="list-unstyled" id="list">
            </ul>
        </div>
    </div>

1 Ответ

1 голос
/ 19 июня 2020

Если я правильно понял, вы хотите отображать <li>..</li> внутри тега ul. Измените немного кода следующим образом:
1 - GetAll js функция 

 $.ajax({
        url: "Home/GetMemebers",
        type: "GET",
        success: function (data) {
            var lis = "";
            $.each(data.data, function (index, value) {
                lis += "<li>" + value + "</li>";
            });
            $("#list").html(lis);
        },
        error: function (response) {
            alert(response);
        }
    });

2 - Контроллер 

public ActionResult GetMemebers()
{
    var members = new List<string> { "1", "2", "3" };
    return Json(new { data = members }, JsonRequestBehavior.AllowGet);
}

3 - Результат 

<ul class="list-unstyled" id="list">
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>

Вы можете выбрать только то, что вы хотите отображать в GetMemebers Action.

Надеюсь, вы найдете это полезным.

...