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