JQuery.getJSON 从aspx页面返回JSON数据
发布时间:2020-12-16 19:58:42 所属栏目:百科 来源:网络整理
导读:JQuery的getJSON方法,对于后台是aspx页面,应该如何返回什么格式的数据,相关资料甚是寥寥。经一番艰苦尝试,总算成功。现贴示例如下: 1. 发送请求的WebForm1.aspx %@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits=
JQuery的getJSON方法,对于后台是aspx页面,应该如何返回什么格式的数据,相关资料甚是寥寥。经一番艰苦尝试,总算成功。现贴示例如下:
1. 发送请求的WebForm1.aspx <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Benq.Flower.WebAdmin.Module.WebForm1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="../javascript/jquery-1.2.3.pack.js" type="text/javascript" language="javascript"></script> <script type="text/javascript" language="javascript"> function getData() { $.getJSON("WebForm2.aspx?jsoncallback=?",function(data) { $.each(data.items,function(i,item) { $("<div></div>") .text(item.title) .css("color",item.color) .appendTo($("#listbox")); }); } ); } </script> </head> <body> <form id="form1" runat="server"> <div> <input id="Button1" type="button" value="click to get Json" onclick="javaScript:getData();" /> </div> <div id="listbox"> </div> </form> </body> </html> 2. 提供数据的WebForm2.aspx public partial class WebForm2 : System.Web.UI.Page { protected void Page_Load(object sender,EventArgs e) { string callback = Request.QueryString["jsoncallback"]; string data = "{"title": "Recent Uploads tagged cat","link": "http://www.sina.com.cn","items": [{"title": "Russell 003","color": "red"},{"title": "Cat [07.04.11]","color": "yellow"}]}"; string result = string.Format("{0}({1})",callback,data); Response.Expires = -1; Response.Clear(); Response.ContentEncoding = Encoding.UTF8; Response.ContentType = "application/json"; Response.Write(result); Response.Flush(); Response.End(); } } 注意返回数据的格式 string.Format("{0}({1})",data) (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |