jQuery之$.getJSON使用

近日做一即时信息提示功能时采用定时刷新，原来使用.net的ajax方法获取数据，一切完好，但是当有大量数据导出成xls文件或其他文件时，便会产生浏览器死掉的情况！不过在firefox下正常。通过多次测试，发现是ajax方法引起的bug，不过具体是什么原因，至今未获答案，后放弃.net的ajax方法，决定使用jQuery的getJSON方法来从客户端取服务器端数据,具体使用方法如下：

一，新建一般处理程序GetMsg.ashx

<%@ WebHandler Language="C#" Class="GetMsg" %> using System; using System.Web; using FOB.Core.Define; using FOB.Core.Entity; using FOB.CMS.Entity; using JSONSharp; using System.Text; using System.Web.SessionState;//在ashx文件使用session时引用 public class GetMsg : IHttpHandler, IReadOnlySessionState { public void ProcessRequest (HttpContext context) { context.Response.ContentType = "text/plain"; context.Response.Write(GetNewMsg()); } public string GetNewMsg() { System.Data.DataTable dt =new System.Data.DataTable();//获取datatable return CreateJsonParameters(dt); } /// <summary> /// 将datatable转化为Json格式字符串（网上收集） /// </summary> /// <param name="dt"></param> /// <returns></returns> public static string CreateJsonParameters(System.Data.DataTable dt) { StringBuilder JsonString = new StringBuilder(); if (dt != null && dt.Rows.Count > 0) { JsonString.Append("["); for (int i = 0; i < dt.Rows.Count; i++) { JsonString.Append("{ "); for (int j = 0; j < dt.Columns.Count; j++) { if (j < dt.Columns.Count - 1) { JsonString.Append(dt.Columns[j].ColumnName.ToString() + ":" + "/"" + dt.Rows[i][j].ToString() + "/","); } else if (j == dt.Columns.Count - 1) { JsonString.Append(dt.Columns[j].ColumnName.ToString() + ":" + "/"" + dt.Rows[i][j].ToString() + "/""); } } if (i == dt.Rows.Count - 1) { JsonString.Append("} "); } else { JsonString.Append("}, "); } } JsonString.Append("]"); return JsonString.ToString(); } return null; } public bool IsReusable { get { return false; } } }

二，新建web页面

1.js脚本部分

$(document).ready(function() { getMessages(); }); function getMessages() { var data_html=""; $.getJSON( "GetMsg.ashx",//数据提供文件（注意路径） {MsgID:"1"},//传递查询参数（可以不要） function(json){ //循环取json中的数据 if(json!=null){ $.each(json,function(i) { data_html += "<a>" + json[i].Subject + "</a><br>"; } ) $.messager.show(0, data_html);//messager是别人写的一个基于jQuery的消息插件 } } } ) } $(document).ready(function(){ window.setInterval("getMessages()",10000); });

由于在web页面中没有写html，html代码部分省去。