ASP.NET 动态输出Javascript 文本格式换行问题 [ASP.NET | C# | Response]

简介:

一、普通输出问题分析、测试

          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 >

    本文转自博客园农民伯伯的博客,原文链接:ASP.NET 动态输出Javascript 文本格式换行问题 [ASP.NET | C# | Response],如需转载请自行联系原博主。

目录
相关文章
|
7月前
|
JavaScript 前端开发
JS将两个数组和合并成数组包对象格式的方法
JS将两个数组和合并成数组包对象格式的方法
106 0
|
7月前
|
前端开发 JavaScript Java
JavaScript复制内容到剪切板 带格式的复制
JavaScript复制内容到剪切板 带格式的复制
118 0
|
4月前
|
开发框架 JavaScript 前端开发
揭秘:如何让你的asp.net页面变身交互魔术师——先施展JavaScript咒语,再引发服务器端魔法!
【8月更文挑战第16天】在ASP.NET开发中,处理客户端与服务器交互时,常需先执行客户端验证再提交数据。传统上使用ASP.NET Button控件直接触发服务器事件,但难以插入客户端逻辑。本文对比此法与改进方案:利用HTML按钮及JavaScript手动控制表单提交。后者通过`onclick`事件调用JavaScript函数`SubmitForm()`来检查输入并决定是否提交,增强了灵活性和用户体验,同时确保了服务器端逻辑的执行。
51 5
|
28天前
|
JavaScript 前端开发
Moment.js与其他处理时间戳格式差异的JavaScript库相比有什么优势?
Moment.js与其他处理时间戳格式差异的JavaScript库相比有什么优势?
|
1月前
|
算法 开发者
Moment.js库是如何处理不同浏览器的时间戳格式差异的?
总的来说,Moment.js 通过一系列的技术手段和策略,有效地处理了不同浏览器的时间戳格式差异,为开发者提供了一个稳定、可靠且易于使用的时间处理工具。
35 1
|
3月前
|
XML JSON JavaScript
js的json格式
js的json格式
|
4月前
|
数据采集 JavaScript 前端开发
通过ClearScript V8在.NET中执行复杂JavaScript逻辑
爬虫技术是数据采集的关键手段。针对动态加载的网页,传统HTTP请求及HTML解析难以满足需求。本文章介绍如何利用ClearScript V8库在.NET环境中执行复杂的JavaScript逻辑,以提高爬虫对动态内容的抓取效率。文章首先概述了ClearScript V8的功能,如何处理如微博这类含有大量动态加载内容的网站。通过使用代理IP、设置cookie和user-agent等方式模拟真实用户访问,确保了爬虫的稳定性和隐蔽性。提供了一个具体的C#爬虫示例,演示如何结合ClearScript V8和HTTP客户端来实现上述功能。这种方法不仅增强爬虫的灵活性,也极大地提高数据采集的效率和可靠性。
155 1
通过ClearScript V8在.NET中执行复杂JavaScript逻辑
|
2月前
|
机器学习/深度学习 JSON JavaScript
LangChain-21 Text Splitters 内容切分器 支持多种格式 HTML JSON md Code(JS/Py/TS/etc) 进行切分并输出 方便将数据进行结构化后检索
LangChain-21 Text Splitters 内容切分器 支持多种格式 HTML JSON md Code(JS/Py/TS/etc) 进行切分并输出 方便将数据进行结构化后检索
38 0
|
3月前
|
SQL 安全 数据库
用html+javascript打造公文一键排版系统2:显示源码/显示预览、清除格式
用html+javascript打造公文一键排版系统2:显示源码/显示预览、清除格式
|
4月前
|
JavaScript
将jq转为原生js格式
将jq转为原生js格式
42 2