网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的范文:

 

标题 用jQuery向div中添加Html文本内容的简单实现
范文
    下面小编就为大家带来一篇用jQuery向div中添加Html文本内容的简单实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。
    前台代码:
    <link href="http://www.jb51.net/Content/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
    <script src="http://www.jb51.net/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script>
    <script src="http://www.jb51.net/Scripts/jquery-ui.js" type="text/javascript"></script>
    --------------------------------------------------------------------
    function PoeviewExcel() {
      $.ajax(
      {
       url: "send/index",
       type: "post",
       success: function (data) {
        var divshow = $("#showInfo2");
        divshow.text("");// 清空数据
        divshow.append(data); // 添加Html内容,不能用Text 或 Val
        divshow.dialog({
         title: "短信群发系统",
         height: 250,
         width: 580
        });
       }
      }
      );
      return false;
     }
    -------------------------------------------------------------------
    <a href="#" onclick="return PoeviewExcel()">预览数据</a> 
    <div id="divPreview">  
    <text id="showInfo2"></text> 
    </div>
    后台(主要):
    public string GetImportReport()
      {
       DataTable dt = this.ImportExcel();
       string content = String.Empty;
       content = @"<table width='550' border='0' cellspacing='0' cellpadding='0' bgcolor='#D2D2D2'>"
         + " <tr bgcolor='#336699'>"
         + " <td align='center'><strong>序号</strong></td>"
         + " <td align='center'><strong>目标手机号</strong></td>"
         + " <td align='center'><strong>发送内容</strong></td>"
         +"</tr>";
       for (int i = 0; i < dt.Rows.Count; i++)
       {
        content += "<tr>"
         + " <td width='50' align='center'>" + i.ToString()+"</td>"
         + " <td width='150' align='center'>" + dt.Rows[i][0].ToString() + "</td>"
         + " <td width='150' >" + dt.Rows[i][1].ToString() + "</td>"
         + " </tr>";
       }
       content += "</table>";
       return content;
      }
    说明:
    divshow.append(data); // 添加Html内容,不能用Text 或 Val
    当然用 after();会在该div中不断追加信息。
    如果用Text:显示加载的文本内容;
    如果用Val:点击链接第一次为空窗口,再点击才出现数据显示、
    以上这篇用jQuery向div中添加Html文本内容的简单实现就是小编分享给大家的全部内容了,希望能给大家一个参考
随便看

 

在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板,是学习及工作的有利工具。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/16 11:48:55