[asp.net]RESTfull web 服务信息页面上显示,使用 visual studio 2015

发布时间: 2017/1/23 23:06:37
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我有问题与构建 web 服务可以从 txt 文件中读取信息的 NBA 球员,然后在 web 页上显示它。

首先,我建立模型文件夹中的一个类。

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 方法来返回列表。

测试表明这enter image description here

然后,我创建一个 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>

它应该显示这样的事情。enter image description here

但我什么也没有。enter image description here

我已经做错了吗???

这里是教程的后续。 https://www.asp.net/web-api/overview/getting-started-with-aspnet-web-api/tutorial-your-first-web-api

解决方法 1:

你似乎将球员列表项追加到具有 id"playerList"的元素︰

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

问题是,"playerList"似乎并不存在,我看到你有相反的"玩家"吗?

<ul id="players" />
官方微信
官方QQ群
31647020