2016-10-25 10 views
1

Webサービスの構築に問題があり、NTPプレーヤーの情報をtxtファイルから読み込んでWebページに表示できます。ビジュアルスタジオを使用して、RESTfull Webサービスのページを表示します。2015

まず、モデルフォルダにクラスを作成します。

次に、ファイルを読み込んですべてのプレーヤーをリストに追加するコントローラを作成します。また、GetAllPlayersメソッドを定義してリストを返します。

テストはその後、私はリストを表示するHTMLページを作成するには、このenter image description here

を示しています。ここに私のコードです。

<!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

答えて

0

は、あなたが「playerList」idを持つ要素に選手のリスト項目を追加しているように見える:

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

問題があり、「playerList」が存在していないようです、私はあなたが "持って見ます代わりに "選手"?

+0

ありがとうございます。それは車のない間違いhahahaです –

関連する問題