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 之类的信息,请在字符串传入的时候加上@符号,防止输出被转义!!



本文转自over140 51CTO博客,原文链接:http://blog.51cto.com/over140/586554,如需转载请自行联系原作者

相关文章
|
2月前
|
JavaScript 前端开发
JS将两个数组和合并成数组包对象格式的方法
JS将两个数组和合并成数组包对象格式的方法
28 0
|
3月前
|
前端开发 JavaScript Java
JavaScript复制内容到剪切板 带格式的复制
JavaScript复制内容到剪切板 带格式的复制
|
3月前
|
JavaScript 前端开发
实现一个JavaScript动态日期功能
实现一个JavaScript动态日期功能
|
4月前
|
JSON JavaScript 数据格式
Node.js实现服务器端生成Excel文件(xls格式、xlsx格式文件)并弹出下载文件
Node.js实现服务器端生成Excel文件(xls格式、xlsx格式文件)并弹出下载文件
|
5月前
|
JavaScript 小程序
小程序JS动态修改样式vv
小程序JS动态修改样式
152 0
|
4月前
|
JSON JavaScript 数据格式
JS 将 json 对象转成字符串并保留格式 - JSON.stringify()
JS 将 json 对象转成字符串并保留格式 - JSON.stringify()
63 0
|
4月前
|
JavaScript 前端开发
将base64格式的图片画到canvas上(js和vue两种)
将base64格式的图片画到canvas上(js和vue两种)
131 1
|
1月前
|
JavaScript
JS动态转盘可自由设置个数与概率
JS动态转盘可自由设置个数与概率
|
1月前
|
JavaScript
JS动态参数arguments与剩余参数
JS动态参数arguments与剩余参数
|
1月前
编程笔记 html5&css&js 007 HTML文本:段落和格式
编程笔记 html5&css&js 007 HTML文本:段落和格式