热门:网页模板.net视频教程JQueryMVCjsonExtJs源码示例三级联动JQuery菜单
您现在的位置:.Net中文社区>> .Net编程>>正文内容

ASP.NET 动态输出Javascript 文本格式换行问题

发布时间:2009年05月09日点击数: 未知

前言

在动态输出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' 中请求的数据库。登录失败。rn用户 'sa' 登录失败。",那么现在我可以很肯定的告诉你,你直接输出肯定会报Javascript错误,显示" 确实')' ",跟踪发现它输出的字符串如下:

<script language="javascript" type="text/javascript">alert('连接失败!!出错原因:无法打开登录 'test' 中请求的数据库。登录失败。
用户 'sa' 登录失败。');</script>

   我们把这代码直接复制到ASPX页面里,果然报错,而且错误也比较明显了,alert输出的信息不在一行上,也不支持C# 的'@' ,问题就出在这里了!!

   二、解决办法
说明分析:这里调用方法btnConnect_Click让他衡失败,比如连接字符串错误,这里假设连接字符串为:Data Source=.;Initial Catalog=test;User ID=sa;Password=sa  。那么调试时ex.Message信息会显示"无法打开登录 'test' 中请求的数据库。登录失败。rn用户 'sa' 登录失败。",那么现在我可以很肯定的告诉你,你直接输出肯定会报Javascript错误,显示" 确实')' ",跟踪发现它输出的字符串如下:
 修改后的代码如下,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了!!!结束又整了我一上午,不容易啊 :)

补充如果输出信息包含n 或r 之类的信息,请在字符串传入的时候加上@符号,防止输出被转义!!

 

本站热点业务

更多模板/案例展示

关于我们 | 联系我们 | 团队日志 | 网站地图 | 网站合作