无序列表在HTML中是未定义的

本文关键字：未定义 HTML 列表 无序 | 更新日期: 2023-09-27 18:16:39

我正在尝试用AJAX构建一个REST API。我的c#代码是这样的:

using System;
using System.Collections.Generic;
using System.Linq; 
using System.Net;
using System.Net.Http;
using System.Web.Http; 
using WebApplication2.Models;
using System.IO;
using System.Globalization;
namespace WebApplication2.Controllers
{
public class DefaultController : ApiController
{
    List<Default>players = new List<Default>();
    string path = Path.Combine(Directory.GetCurrentDirectory(), "''players.txt");
    public IHttpActionResult GetAllPlayers()
    {
        String line;
        StreamReader file = new StreamReader(path);
        string[] data;
        while ((line = file.ReadLine()) != null)
        {
            data = line.Split(',');
            Default player = new Default(data[0],data[1],data[2],data[3],DateTime.ParseExact(data[4],
                "yyyy-mm-dd", CultureInfo.InvariantCulture));
            players.Add(player);
        }
        file.Close();
        return Ok (players); 
    }

我的HTML页面代码看起来像这样

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
</head>
<body>
  <div>
     <h2> All Players</h2>
       <ul id="players"/>
  </div>
  <div>
    <br />
    <h2> Search or Delete </h2>
    <select name="options_for_search_delete">
        <option value="id">ID</option>
        <option value="name">Name</option>
    </select>
    <input type = "text" id="data" size="5"/>
    <input type = "button" value="Search" onclick = "search()" />
    <input type = "button" value="Delete" onclick = "find()" />
    <br />
    <p id="players"/>
  </div>
  <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.3.min.js"></script>
  <script>
    var uri = 'api/default';
    $(document).ready(function () {
        $.getJSON(uri).done(function(data){
              //success:function(data){
                $.each(data,function(key,item){
                    $('<li>',{text:format(item)}).appendTo($('#players'));
                });
            });
    });
    function format(item){
        return item.reg + "," + item.first + " " + item.last + "," + item.team;
    }
   </script>
 </body>
</html>

当我访问api/default页面时，输出是预期的。然而，当我访问players.html时，无序列表显示为未定义。我不知道该怎么解决。

无序列表在HTML中是未定义的

Try 

<ul id="players"></ul>

，因为它是一个块元素，id应该是唯一的元素。

相关文章：