Question

我正在尝试显示一个列表，其中包含我在后面的代码中创建的详细信息。但我在控制台中未定义。为什么会这样？

CS：

public partial class WebForm1 : System.Web.UI.Page
{
    public List<Person> persons { get; set; }

    protected void Page_Load(object sender, EventArgs e)
    {
        Person p1 = new Person() { name = "Tom" };
        Person p2 = new Person() { name = "Ed" };
        List<Person> lijst = new List<Person>();
        lijst.Add(p1);
        lijst.Add(p2);
        persons = lijst;
    }
}

public class Person
{
    public string name { get; set; }
}

ASPX：

<script>
    var persons = '<%= persons%>'
    var length = persons.length;

    for (var i = 0; i < length; i++) {
        person = persons[i];

        console.log(person.name);
    }
</script>

Answer 1

问题是javascript对你的C＃类及其属性没有了解。您可能需要将其转换或序列化为已知类型，如字符串，xml或json等。

尝试类似下面的内容

您可以在类属性

中使用方法返回逗号分隔的人名

    public string GetPersonNames
    {
        get
        {
            return string.Join(",", persons.Select(p => p.name));
        }
    }

在您的aspx中，您可以获取人名并按'

进行拆分

<script>
        var persons = '<%= GetPersonNames%>';
</script>

或尝试以下

<script type="text/javascript">
    var persons = '<%= new System.Web.Script.Serialization.JavaScriptSerializer().Serialize(persons)%>';
    persons = JSON.parse(persons);
    var length = persons.length;
    alert(length);
    for (var i = 0; i < length; i++) {
        var person = persons[i];
        alert(person.name);
    }
</script>

Answer 2

试试这个，代码在.cs

 Person p1 = new Person() { name = "Tom" };
        Person p2 = new Person() { name = "Ed" };
        List<Person> lijst = new List<Person>();
        lijst.Add(p1);
        lijst.Add(p2);
        persons = new System.Web.Script.Serialization.JavaScriptSerializer().Serialize(lijst);

aspx中的javascript

var persons = eval('<%= persons%>');
    //this will show "Tom"
    alert(persons[0].name);

从.cs到.aspx页面传递列表

2 个答案: