使用jquery+json实现ajax的方法

在使用Jquery + json 的过程中由于一个小问题没有注意到，程序一直有错误。在网上找了很多JSON方面的文章但基本都是很简单的举例，所以我觉得有必要写一个完整的JQuery + json 实现AJAX的例子，如果可以帮到别人那是最好，否则就当是给自己备忘了吧。

好啦，进入正题吧。

关于JSON的介绍网上有很多在这里只简单介绍一下Json表示数据的格式:

对象是属性、值对的集合。一个对象的开始于“{”，结束于“}”。每一个属性名和值间用“:”提示，属性间用“,”分隔。
数组是有顺序的值的集合。一个数组开始于"["，结束于"]"，值之间用","分隔。
值可以是引号里的字符串、数字、true、false、null，也可以是对象或数组。这些结构都能嵌套。
字符串和数字的定义和C或Java基本一致。
下面我们使用Ajax获取订单列表数据后格式化为Json的格式后输出。首先我们建立data.ashx文件作为数据请求的处理页面:

data.ashx 文件处理请求的方法：

 
 
  
  Arguments.OrderQueryQuery; 
  
  2 
  
  3publicvoidProcessRequest(HttpContextcontext) 
  
  4{ 
  
  5stringcmd=context.Request.QueryString["__cmd__"];//命令 
  
  6stringpagenum=context.Request.QueryString["__pagenum__"];//页数 
  
  7stringtype=context.Request.QueryString["__type__"];//类型 
  
  8result=newStringBuilder(); 
  
  9if(cmd==null||cmd==string.Empty||type==null||type==string.Empty) 
  
  10{ 
  
  11context.Response.Write(result.ToString()); 
  
  12return; 
  
  13} 
  
  14switch(cmd) 
  
  15{ 
  
  16case"getorder": 
  
  17Query=newArguments.OrderQuery(); 
  
  18Query.Status=newint[]{(int)Arguments.Named.OrderStatus.待发单,(int)Arguments.Named.OrderStatus.下发中,(int)Arguments.Named.OrderStatus.新订单,(int)Arguments.Named.OrderStatus.已完成}; 
  
  19Query.TimeStart=DateTime.Parse("2007-1-100:00:00"); 
  
  20Query.TimeEnd=DateTime.Now; 
  
  21Query.PageSize=25; 
  
  22Query.PageIndex=WebCommon.Basal.ConvertInt(pagenum)-1; 
  
  23if(type=="custom") 
  
  24{ 
  
  25Query.Email=context.Request.QueryString["__email__"]; 
  
  26Query.OrderCode=context.Request.QueryString["__ordercode__"]; 
  
  27} 
  
  28else 
  
  29{ 
  
  30Query.Email=string.Empty; 
  
  31Query.OrderCode=string.Empty; 
  
  32} 
  
  33 
  
  34intrecordnum=0; 
  
  35IList<Model.OrderInfo>OrderList=WebCommon.DataSource.SearchOrderList(Query,refrecordnum); 
  
  36FormatJson(OrderList,recordnum);//格式化数据为Json的方法 
  
  37context.Response.Write(result.ToString()); 
  
  38break; 
  
  39} 
  
  40} 
  
  41 
  
  42///<Summary>
  
  43///将数据构造为Json格式 
  
  44///数据构造后的格式为：{order:[{OrderCode:200901010001,Status:下发单,CreateTime:2009-1-1}],Count:1} 
  
  45///</Summary>
  
  46privatevoidFormatJson(IList<Model.OrderInfo>orderlist,intrecordnum) 
  
  47{ 
  
  48if(orderlist==null||orderlist.Count<=0) 
  
  49return; 
  
  50result.Append("{Order:["); 
  
  51for(inti=0;i<orderlist.Count;i++) 
  
  52{ 
  
  53result.Append("{OrderCode:\""+orderlist[i].Code+"\",Status:\""+FormatStatus(orderlist[i].Status)+"\",CreateTime:\""+orderlist[i].CreateTime+"\"}"); 
  
  54if((i+1)<orderlist.Count) 
  
  55result.Append(","); 
  
  56} 
  
  57intpagenum=recordnum%25>0?(recordnum/25)+1:recordnum/25;//计算总页数 
  
  58result.Append("],Count:\""+pagenum+"\"}"); 
  
  59}

数据处理页面写好了，下面我们来写一个前台显示页面(display.aspx)，在页面中我们使用Jquery提供的.getJSON方式来访问数据页面。

JQuery的getJSON方法的原型：$.getJSON(Url,{data:data},callbackfunction)

url (String) : 发送请求地址。

data (Map) : (可选) 待发送 Key/value 参数。

callback (Function) : (可选) 载入成功时回调函数。

前台显示页面文件 display.aspx的方法:

好了，就这两步就基本搞定了。是不是很简单啊。

由于Json是Javascript的一个子集，所以不论是使用方式还是执行效率相信都不会让你失望的。

使用jquery+json实现ajax的方法

相关推荐