ASP.NET后台字符串前台拼接时遇Unexpected identifier错误求助

核心原因 #

你忽略了一个JS语法关键细节：后台通过<%= %>输出的字符串没有被包裹在引号里，导致JS把纯文本内容当成了标识符（变量名/关键字），而非字符串值：

• 当返回带空格的Hello World时，<%= %>直接输出Hello World，JS解析时会把它拆成两个独立标识符，触发Unexpected identifier 'World'语法错误。
• 当返回无空格的TheWorld时，JS会尝试查找名为TheWorld的全局变量，找不到就抛出ReferenceError。
• 至于<%# %>，这是ASP.NET的数据绑定语法，必须手动触发数据绑定（比如后台调用this.DataBind()）才会生效，而且即便生效，没加引号的话依然会出现上述问题。

解决方法 #

1. 基础修复：给输出内容加引号
   直接把<%= %>的输出包裹在单引号或双引号中，让JS识别为字符串：

   // 用单引号（注意如果后台返回的字符串包含单引号，需要转义）
   var title = '<%= this.GraphTitle.Replace("'", "\\'") %>';
   // 或双引号
   var title = "<%= this.GraphTitle.Replace("\"", "\\\"") %>";
   

2. 安全修复：使用JS字符串编码
   用.NET内置的HttpUtility.JavaScriptStringEncode方法自动转义所有JS特殊字符（引号、换行、斜杠等），彻底避免语法错误和XSS风险：

   var title = '<%= HttpUtility.JavaScriptStringEncode(this.GraphTitle) %>';
   

3. 如果坚持用<%# %>
   先在后台代码（比如Page_Load方法）中触发数据绑定：

   protected void Page_Load(object sender, EventArgs e)
   {
       this.DataBind();
   }
   

   然后前台同样要加引号和编码：

   var title = '<%# HttpUtility.JavaScriptStringEncode(this.GraphTitle) %>';
   

内容的提问来源于stack exchange，提问作者AngryOtter