AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

用jQuery向div中添加Html文本内容的简单实现

51自学网 http://www.wanshiok.com
jquery向div添加html

前台代码:

<link href="/Content/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" /><script src="/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script><script src="/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文本内容的简单实现就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持wanshiok.com。


jquery向div添加html  
上一篇:jQuery实现div横向拖拽排序的简单实例  下一篇:使用jQuery加载html页面到指定的div实现方法