用jQuery向div中添加Html文本内容的简单实现
2016-07-13 10:36
691 查看
前台代码:
<link href="//www.jb51.net/Content/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" /> <script src="//www.jb51.net/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script> <script src="//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" 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文本内容的简单实现就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- jquery提升性能最佳实践小结
- jquery实现固定顶部导航效果(仿蘑菇街)
- 广泛收集的jQuery拖放插件集合
- jquery easyui如何实现格式化列
- jQuery实现的放大镜效果示例
- jquery表单提交带错误信息提示效果
- jquery实现放大镜简洁代码(推荐)
- jQuery插件扩展操作入门示例
- 使用jQuery加载html页面到指定的div实现方法
- jquery checkbox 是否选择
- 下拉框左右选择
- 读jQuery之六(缓存数据)
- jquery的$.each方法解决了有索引特征js对象的遍历
- jQuery验证控件jquery.validate.js使用说明+中文API
- jQuery EasyUI菜单与按钮详解
- jquery选择器得到的对象无法再分割
- JQuery对ASP.NET MVC数据进行更新删除
- jQuery禁用或启用按钮
- jQuery点击自身以外地方关闭弹出层-closest()
- Jquery选择器