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,如需转载请自行联系原作者

相关文章
|
开发框架 前端开发 .NET
VB.NET中如何利用ASP.NET进行Web开发
在VB.NET中利用ASP.NET进行Web开发是一个常见的做法,特别是在需要构建动态、交互式Web应用程序时。ASP.NET是一个由微软开发的开源Web应用程序框架,它允许开发者使用多种编程语言(包括VB.NET)来创建Web应用程序。
375 6
|
开发框架 JSON .NET
ASP.NET Core 标识(Identity)框架系列(三):在 ASP.NET Core Web API 项目中使用标识(Identity)框架进行身份验证
ASP.NET Core 标识(Identity)框架系列(三):在 ASP.NET Core Web API 项目中使用标识(Identity)框架进行身份验证
284 1
|
XML JSON 前端开发
C#使用HttpClient四种请求数据格式:json、表单数据、文件上传、xml格式
C#使用HttpClient四种请求数据格式:json、表单数据、文件上传、xml格式
2877 0
|
开发框架 搜索推荐 前端开发
【.NET全栈】ASP.NET开发Web应用——Web部件技术
【.NET全栈】ASP.NET开发Web应用——Web部件技术
|
开发框架 .NET 开发工具
【Azure 应用服务】App Service 的.NET Version选择为.NET6,是否可以同时支持运行ASP.NET V4.8的应用呢?
【Azure 应用服务】App Service 的.NET Version选择为.NET6,是否可以同时支持运行ASP.NET V4.8的应用呢?
148 0
|
开发框架 .NET 数据库连接
ASP.NET Core 标识(Identity)框架系列(一):如何使用 ASP.NET Core 标识(Identity)框架创建用户和角色?
ASP.NET Core 标识(Identity)框架系列(一):如何使用 ASP.NET Core 标识(Identity)框架创建用户和角色?
332 0
|
Linux C# C++
【.NET Developer】创建ASP.NET Core Blazor项目并打包为Linux镜像发布到Azure应用服务
本文介绍了如何使用VS2019和.NET框架创建一个Blazor应用,并将其部署到Azure应用服务。首先,Blazor是一个使用C#而非JavaScript构建交互式Web UI的框架,支持共享服务器和客户端应用逻辑,以及与Docker和Azure集成。任务包括创建Blazor项目,配置Dockerfile为Linux容器,本地测试,发布到Azure Container Registry (ACR),然后在Azure App Service for Container上部署。在部署过程中,需确保Docker设置正确,开启ACR的Admin访问权限,并监控镜像拉取和容器启动日志。
760 0
|
开发框架 前端开发 .NET
进入ASP .net mvc的世界
进入ASP .net mvc的世界
|
开发框架 中间件 .NET
C# .NET面试系列七:ASP.NET Core
## 第一部分:ASP.NET Core #### 1. 如何在 controller 中注入 service? 在.NET中,在ASP.NET Core应用程序中的Controller中注入服务通常使用<u>依赖注入(Dependency Injection)</u>来实现。以下是一些步骤,说明如何在Controller中注入服务: 1、创建服务 首先,确保你已经在应用程序中注册了服务。这通常在Startup.cs文件的ConfigureServices方法中完成。例如: ```c# services.AddScoped<IMyService, MyService>(); //
921 0
|
JavaScript 前端开发
JavaScript 输出和对话框
JavaScript 输出和对话框
306 0
JavaScript 输出和对话框