手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >用jQuery向div中添加Html文本内容的简单实现
用jQuery向div中添加Html文本内容的简单实现
摘要:前台代码:functionPoeviewExcel(){$.ajax({url:"send/index",type:"post",succe...

前台代码:

<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="#">预览数据</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文本内容的简单实现就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持查字典教程网。

【用jQuery向div中添加Html文本内容的简单实现】相关文章:

jquery读取xml文件实现省市县三级联动的方法

JQuery中上下文选择器实现方法

javascript自定义右键弹出菜单实现方法

JavaScript中数组添加值和访问值常见问题

jquery任意位置浮动固定层插件用法实例

利用JS生成博文目录及CSS定制博客

jQuery实现在列表的首行添加数据

jQuery获取字符串中出现最多的数

JQuery中attr方法和removeAttr方法用法实例

浅谈jQuery中replace()方法

精品推荐
分类导航