jQuery的ajax异步获取数据
2012-09-04 18:11
387 查看
由于是项目的一部分,我也就只截图一部分代码共大家参考:
主要是想通过jQuery的ajax获取数据后显示在ID号为"LatestNews"td里。下面是ajax代码:
下面是ceo2012文件夹下的LatestNews.ashx的一般处理文件里的一个方法:
<table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td id="LatestNews" height="330" align="center" valign="top" class="font14" style="border: #7baed9 solid 1px; border-top: none; padding: 10px;"> </td> </tr> </table>
主要是想通过jQuery的ajax获取数据后显示在ID号为"LatestNews"td里。下面是ajax代码:
<script type="text/javascript"> $(function() { $.ajax({ type: "POST", url: "ceo2012/LatestNews.ashx", contentType: "application/json;charset=utf-8", dataType: "json", success: function(data) { $("#LatestNews").html(data); }, error: function(error) { $("#LatestNews").html("尚未发布任何信息!"); } }); }); </script>
下面是ceo2012文件夹下的LatestNews.ashx的一般处理文件里的一个方法:
/// <summary> /// 媒体最新报道 /// </summary> /// <param name="context"></param> public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/plain"; JavaScriptSerializer javaScriptSerializer = new JavaScriptSerializer(); String strHtml = "<ul style='text-align:left'>"; DataTable dt = new DataTable(); NewsRule newsRule = new NewsRule(); dt = newsRule.GetNewsByTID(640, 15, "SortID desc"); if (dt.Rows.Count == 0) { context.Response.Write("尚未发布任何信息!"); return; } for (int i = 0; i < dt.Rows.Count; i++) { if (!String.IsNullOrEmpty(dt.Rows[i]["aUrl"].ToString())) { strHtml += "<li><a href='" + dt.Rows[i]["aUrl"].ToString() + "' title='" + dt.Rows[i]["title"].ToString() + "'target=\"_blank\">" + dt.Rows[i]["title"].ToString() + "</a>"; } else { strHtml += "<li><a href=\"http://www.sino-manager.com/" + ReturnDate(DateTime.Parse(dt.Rows[i]["PubTime"].ToString()).ToShortDateString()) + "_" + dt.Rows[i]["PostID"].ToString() + ".html\" title=\"" + dt.Rows[i]["title"].ToString() + "\" target=\"_blank\">" + dt.Rows[i]["title"].ToString() + "</a></li>"; } } strHtml += "</ul>"; String content = javaScriptSerializer.Serialize(strHtml); context.Response.Write(content);
相关文章推荐
- 使用jquery异步获取数据(ajax技术)
- jquery autocomplete ajax获取动态数据,兼容各浏览器,支持中文
- 无浏览器限制的AJAX异步获取数据
- jquery的ajax异步请求接收返回json数据
- jquery异步ajax超大长度base64图片长字段数据传输问题解决办法和php后台处理办法
- 【OFBiz】通过jquery的Ajax获取json数据
- 异步获取数据Ajax,以及对获取的数据进行绑定(显示在页面上)
- 通过jquery封装的ajax获取后台json数据
- 我的专用ajax异步获取数据
- 解决jQuery异步获取数据,前端始终不更新的问题
- jquery的ajax和getJson跨域获取json数据
- jQuery使用ajax跨域获取数据
- jquery的ajax异步请求接收返回json数据
- Jquery如何将Ajax从后台获取的数据自动填充到省级下拉菜单
- WebForm 获取实体类的数据,填充页面(用AJAX异步获取值,和用session传值)
- IT新技术名词:AJAX和SOAP——异步数据和XML获取
- 使用原生JavaScriptAjax以及jQuery的Ajax结合SpringMVC发送和获取json数据
- ajax异步提交失败弹出遮罩层和jquery.validate自动校验和iframe父窗口元素获取与遮罩问题
- Jquery:Ajax解析XML数据(同步及异步调用)
- jQuery.ajax异步变成同步的请求JSON数据例子