现在的位置: 首页 > 综合 > 正文

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

2013年10月09日 ⁄ 综合 ⁄ 共 1581字 ⁄ 字号 评论关闭

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


抱歉!评论已关闭.