使用visual studio 2015在頁面上顯示RESTfull Web服務顯示信息

Question

我在構建Web服務時遇到麻煩，可以從txt文件中讀取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; }
    }
}

其次，我創建一個Controller來讀取文件並將所有玩家添加到列表中。 我還定義了一個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

Answer 1

您似乎將播放器列表項附加到ID為“playerList”的元素：

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

問題是，“playerList”似乎不存在，我看到你有一個“玩家”而不是？

<ul id="players" />

使用visual studio 2015在頁面上顯示RESTfull Web服務顯示信息

問題描述

1 個解決方案

解決方案1
0 已采納 2016-10-25 07:57:41

使用visual studio 2015在頁面上顯示RESTfull Web服務顯示信息

問題描述

1 個解決方案

解決方案1 0 已采納 2016-10-25 07:57:41

解決方案1
0 已采納 2016-10-25 07:57:41