一、普通输出问题分析、测试
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> " ); ;
}
/// 连接接数据库
/// </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 >
用户 ' 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">
/// 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 >
var msg = '' ;
msg += ' 连接失败!!出错原因 ' ;
msg += ' :无法打开登录 t ' ;
msg += ' est 中请求的数 ' ;
msg += ' 据库。登录失败。 ' ;
msg += ' 用户 sa 登录 ' ;
msg += ' 失败。 ' ;
alert(msg); </ script >
本文转自博客园农民伯伯的博客,原文链接:ASP.NET 动态输出Javascript 文本格式换行问题 [ASP.NET | C# | Response],如需转载请自行联系原博主。