首页 > Web开发 > 详细

用jQuery向div中添加Html文本内容

时间:2015-12-02 00:51:51      阅读:291      评论:0      收藏:0      [点我收藏+]

前台代码:

<link href="http://www.cnblogs.com/Content/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://www.cnblogs.com/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="http://www.cnblogs.com/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" style="display: none">
<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文本内容

原文:http://www.cnblogs.com/kenshinobiy/p/5011630.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!