ASP.NET 动态输出Javascript 文本格式换行问题 [ASP.NET | C# | Response]

前言

在动态输出Javascript的时候我们习惯用Response.write("<script language=\"javascript\" type=\"text/javascript\">alert(1);</script>");这样的语句来动态输出，但是你可能没注意到里面的格式问题，比如，我测试连接数据库，如果连接失败就打印catch信息，但是你会发现你直接输出是输出不了的，会报错，比如字符串没有结束之类的脚本错误。

正文

一、普通输出问题分析、测试

1. 我们先来看一段代码：

/// <summary>

/// 连接接数据库

/// </summary>

/// <param name="sender"></param>

/// <param name="e"></param>

protected void btnConnect_Click(object sender, EventArgs e)

{

try

{

///此处填写连接数据库的代码

}

catch (Exception ex)

{

Response.Write(Alert(string.Concat("连接失败！！出错原因:", ex.Message)));

}

}

/// <summary>

/// 弹出信息

/// <script language="javascript" type="text/javascript">

/// alert(msg);

/// </script>

/// </summary>

/// <param name="msg"></param>

/// <returns></returns>

public static string Alert(string msg)

{

return Javascript(string.Concat("alert('",msg,"');"));

}

/// <summary>

/// 输出Javascript代码

/// <script language="javascript" type="text/javascript">

/// alert("弹出框例子!");

/// </script>

/// </summary>

/// <param name="context"></param>

/// <returns></returns>

public static string Javascript(string context)

{

return string.Concat("<script language=\"javascript\" type=\"text/javascript\">", context, "</script>"); ;

}
说明分析：这里调用方法btnConnect_Click让他衡失败，比如连接字符串错误，这里假设连接字符串为：Data Source=.\;Initial Catalog=test;User ID=sa;Password=sa 。那么调试时ex.Message信息会显示"无法打开登录 'test' 中请求的数据库。登录失败。\r\n用户 'sa' 登录失败。"，那么现在我可以很肯定的告诉你，你直接输出肯定会报Javascript错误，显示" 确实')' ",跟踪发现它输出的字符串如下：

<script language="javascript" type="text/javascript">alert('连接失败！！出错原因:无法打开登录 'test' 中请求的数据库。登录失败。

用户 'sa' 登录失败。');</script>
我们把这代码直接复制到ASPX页面里，果然报错，而且错误也比较明显了，alert输出的信息不在一行上，也不支持C# 的'@' ,问题就出在这里了！！

二、解决办法[参考帖子:http://topic.csdn.net/u/20080505/15/3b9c038d-f82d-429f-b093-00e92fdca295.html]

修改后的代码如下，Javascript方法不变，仅仅修改Alert方法，代码如下:

/// <summary>

/// 弹出信息

/// <script language="javascript" type="text/javascript">

/// alert(msg);

/// </script>

/// </summary>

/// <param name="msg"></param>

/// <returns></returns>

public static string Alert(string msg)

{

StringBuilder html = new StringBuilder();

msg = msg.Replace("'"," ");

html.AppendLine();

html.Append(" var msg = '';");

html.AppendLine();

for (int i = 0, j = msg.Length; i < j;)

{

if (i + 10 <= j)

{

html.Append("msg+='");

html.Append(msg.Substring(i, 10).Replace(System.Environment.NewLine, string.Empty));

html.Append("';");

html.AppendLine();

i += 10;

}

else

{

html.Append("msg+='");

html.Append(msg.Substring(i).Replace(System.Environment.NewLine, string.Empty));

html.Append("';");

html.AppendLine();

break;

}

}

html.Append("alert(msg);");

return Javascript(html.ToString());

}
代码说明：大家注意红色的代码部分，是代码的关键，替换信息内所含的换行，自己手动增加换换行符号，并且拼接字符串，防止字符串过长。测试后，跟踪调试输出字符串如下:

<script language="javascript" type="text/javascript">

var msg = '';

msg+='连接失败！！出错原因';

msg+=':无法打开登录 t';

msg+='est 中请求的数';

msg+='据库。登录失败。';

msg+='用户 sa 登录';

msg+='失败。';

alert(msg);</script>
现在OK了！！！

结束

又整了我一上午，不容易啊 :)

补充

1. 如果输出信息包含\n 或\r 之类的信息，请在字符串传入的时候加上@符号，防止输出被转义！！

2008年11月26日12:47:01