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月前
|
开发框架 人工智能 .NET
C#/.NET/.NET Core拾遗补漏合集(24年12月更新)
C#/.NET/.NET Core拾遗补漏合集(24年12月更新)
|
2月前
|
开发框架 算法 .NET
C#/.NET/.NET Core技术前沿周刊 | 第 15 期(2024年11.25-11.30)
C#/.NET/.NET Core技术前沿周刊 | 第 15 期(2024年11.25-11.30)
|
2月前
|
开发框架 Cloud Native .NET
C#/.NET/.NET Core技术前沿周刊 | 第 16 期(2024年12.01-12.08)
C#/.NET/.NET Core技术前沿周刊 | 第 16 期(2024年12.01-12.08)
|
2月前
|
开发框架 搜索推荐 算法
一个包含了 50+ C#/.NET编程技巧实战练习教程
一个包含了 50+ C#/.NET编程技巧实战练习教程
124 18
|
2月前
|
缓存 算法 安全
精选10款C#/.NET开发必备类库(含使用教程),工作效率提升利器!
精选10款C#/.NET开发必备类库(含使用教程),工作效率提升利器!
85 12
|
2月前
|
开发框架 监控 .NET
C#进阶-ASP.NET WebForms调用ASMX的WebService接口
通过本文的介绍,希望您能深入理解并掌握ASP.NET WebForms中调用ASMX WebService接口的方法和技巧,并在实际项目中灵活运用这些技术,提高开发效率和应用性能。
80 5
|
2月前
|
算法 Java 测试技术
Benchmark.NET:让 C# 测试程序性能变得既酷又简单
Benchmark.NET是一款专为 .NET 平台设计的性能基准测试框架,它可以帮助你测量代码的执行时间、内存使用情况等性能指标。它就像是你代码的 "健身教练",帮助你找到瓶颈,优化性能,让你的应用跑得更快、更稳!希望这个小教程能让你在追求高性能的路上越走越远,享受编程带来的无限乐趣!
156 13
|
3月前
|
数据库连接 数据库 C#
Windows下C# 通过ADO.NET方式连接南大通用GBase 8s数据库(上)
Windows下C# 通过ADO.NET方式连接南大通用GBase 8s数据库(上)
|
3月前
|
数据库连接 数据库 C#
Windows下C# 通过ADO.NET方式连接南大通用GBase 8s数据库(下)
本文接续前文,深入讲解了在Windows环境下使用C#和ADO.NET操作南大通用GBase 8s数据库的方法。通过Visual Studio 2022创建项目,添加GBase 8s的DLL引用,并提供了详细的C#代码示例,涵盖数据库连接、表的创建与修改、数据的增删查改等操作,旨在帮助开发者提高数据库管理效率。
|
3月前
|
人工智能 开发框架 安全
C#/.NET/.NET Core技术前沿周刊 | 第 13 期(2024年11.11-11.17)
C#/.NET/.NET Core技术前沿周刊 | 第 13 期(2024年11.11-11.17)

热门文章

最新文章