Веб-служба RESTfull отображает информацию на странице, используя visual Studio 2015

#c# #asp.net #visual-studio #rest

#c# #asp.net #visual-studio #rest

Вопрос:

У меня возникли проблемы с созданием веб-службы, способной считывать информацию об игроках NBA из текстового файла, а затем отображать ее на веб-странице.

Во-первых, я создаю класс в папке Models.

 namespace zuoye4.Models
{
    public class Players
    {
        public string Registration_ID { get; set; }
        public string Player_name { get; set; }
        public string Team_name { get; set; }
        public DateTime Date_of_birth { get; set; }
    }
}
  

Во-вторых, я создаю контроллер для чтения файла и добавления всех проигрывателей в список. Я также определяю метод GetAllPlayers для возврата списка.

Тестирование показывает этовведите описание изображения здесь

Затем я создаю html-страницу для отображения списка. Вот мой код.

 <!DOCTYPE html>
<html>
<head>
    <title>PLALYERS</title>
    <meta charset="utf-8" />
</head>
<body>
    <div>
        <h2>All Players</h2>
        <ul id="players" />
    </div>

    <div>
        <h2>Search by ID</h2>
        <input type="text" id="prodId" size="5" />
        <input type="button" value="Search" onclick="find();" />
        <p id="product" />
    </div>

    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.3.min.js"></script>
    <script>
        var uri = 'api/Players';

    $(document).ready(function () {
      // Send an AJAX request
      $.getJSON(uri)
          .done(function (data) {
            // On success, 'data' contains a list of players.
            $.each(data, function (key, item) {
              // Add a list item for the player.
                $('<li>', { text: formatItem(item) }).appendTo($('#playerList'));
            });
          });
    });

    function formatItem(item) {
        return item.Registration_ID   ': $'   item.Player_name;
    }
  </script>

</body>
</html>
  

Это должно выглядеть примерно так. введите описание изображения здесь

Но я ничего не получаю.введите описание изображения здесь

Что я сделал не так???

Ниже приводится руководство. https://www.asp.net/web-api/overview/getting-started-with-aspnet-web-api/tutorial-your-first-web-api

Ответ №1:

Похоже, вы добавляете элемент списка игроков к элементу с идентификатором «playerList»:

 $('<li>', { text: formatItem(item) }).appendTo($('#playerList'));
  

Проблема в том, что «Список игроков», похоже, не существует, я вижу, что вместо него у вас есть «игроки»?

 <ul id="players" />
  

Комментарии:

1. Спасибо. Это ошибка, вызванная отсутствием машины, хахаха