JQuery.getJSON 从aspx页面返回JSON数据 .

最新推荐文章于 2024-05-24 17:44:12 发布

DotNet灵魂

最新推荐文章于 2024-05-24 17:44:12 发布

阅读量1.7k

点赞数

分类专栏： C# asp.net 文章标签： json webform callback javascript function button

C# 同时被 2 个专栏收录

29 篇文章 0 订阅

订阅专栏

asp.net

11 篇文章 0 订阅

订阅专栏

JQuery的getJSON方法，对于后台是aspx页面，应该如何返回什么格式的数据，相关资料甚是寥寥。经一番艰苦尝试，总算成功。现贴示例如下：

1. 发送请求的WebForm1.aspx

view plain copy to clipboard print ?

<%@ 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>

<%@ 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>

</head>
<body>
    <form id="form1" runat="server">
    <div>        
        <input id="Button1" type="button" value="click to get Json" οnclick="javaScript:getData();" />
    </div>
    <div id="listbox">
    </div>
    </form>
</body>
</html>

2. 提供数据的WebForm2.aspx

view plain copy to clipboard print ?

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})", callback, data)

DotNet灵魂

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQuery.getJSON 从aspx页面返回JSON数据 .

JQuery的getJSON方法，对于后台是aspx页面，应该如何返回什么格式的数据，相关资料甚是寥寥。经一番艰苦尝试，总算成功。现贴示例如下：1. 发送请求的WebForm1.aspxview plaincopy to clipboardprint?
复制链接

扫一扫