博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ASP.NET 动态输出Javascript 文本格式换行问题 [ASP.NET | C# | Response]
阅读量:6575 次
发布时间:2019-06-24

本文共 3098 字,大约阅读时间需要 10 分钟。

前言

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

你可能感兴趣的文章
蹭了BCH热度,还来诋毁BCH,这些跳梁小丑到底在玩什么阴谋?
查看>>
模拟自然动画的精髓——TimeInterpolator与TypeEvaluator
查看>>
0911 - 全才才能生存的社会,不够成熟
查看>>
从零开始搭建React/redux/webpack脚手架
查看>>
【Dubbo实战】Dubbo+Zookeeper+Spring整合应用篇-Dubbo基于Zookeeper实现分布式服务(二)...
查看>>
使用 LeanCloud 服务做一站式 Chrome 插件开发 —— Favorite Image
查看>>
外包筛选心得
查看>>
markdown 列表下新段落
查看>>
浏览器拦截打开新窗口情况总结
查看>>
《Java工程师成神之路-基础篇》Java基础知识——序列化(已完结)
查看>>
iOS App间相互跳转漫谈 part2
查看>>
Android逆向之路---让我们试试另一种方法看漫画-(2)
查看>>
Java CAS 原理剖析
查看>>
iOS UIButton之UIEdgeInsets详解
查看>>
ISCC2014 writeup
查看>>
Java&Android 基础知识梳理(8) 容器类
查看>>
Kotlin 知识梳理(1) Kotlin 基础
查看>>
Redis内部数据结构详解(5)——quicklist
查看>>
OKio - 重新定义了“短小精悍”的IO框架
查看>>
注释那些事儿:前端代码质量系列文章(一)
查看>>