ASP.NET向Javascript传递变量两种实现方法

ASP.NET是一个非常常用的Web框架，它提供了可以与Javascript进行交互的方法，本文将详细讲解如何实现ASP.NET向Javascript传递变量的两种常用方法。

方法一：使用hidden field

hidden field是一个隐藏的input元素，它可以在服务器端存储数据，作为Javascript代码可以读写的全局变量。下面是ASP.NET向Javascript传递变量的示例：

在服务器端添加hidden field

<asp:HiddenField ID="hfName" runat="server" />

在服务器端添加一个ID为hfName的hidden field用于存储数据。

在服务器端设置hidden field的值

hfName.Value="张三";

在服务器端设置hidden field的值为“张三”。

在Javascript中访问hidden field的值

var name = document.getElementById('<%=hfName.ClientID%>').value;
console.log(name);

通过getElementById方法获取hidden field的值，并输出到控制台。

方法二：使用JSON格式的数据

JSON是Javascript Object Notation的缩写，是一种轻量级的数据交换格式，通常情况下我们可以将变量以JSON的格式进行传递。下面是ASP.NET向Javascript传递变量的示例：

将变量转换为JSON格式

var person = new {
    FirstName = "张",
    LastName = "三",
    Age = 18
};

var json = new JavaScriptSerializer().Serialize(person);
Page.ClientScript.RegisterStartupScript(this.GetType(),"person", "var person="+json+";", true);

以上代码将一个包含三个属性的匿名对象person序列化成JSON格式，并在页面经由RegisterStartupScript方法将person变量以JavaScript代码的形式输出到页面中，Javascript代码如下：

var person={"FirstName":"张","LastName":"三","Age":18};

在Javascript中访问JSON变量

console.log(person.FirstName);
console.log(person.LastName);
console.log(person.Age);

通过JavaScript对象访问JSON变量的属性，并输出到控制台。

以上两个方法是向Javascript传递变量的常用方法，读者可以根据实际情况使用不同的方法。