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

发布时间：2020-12-16 19:28:43 所属栏目：百科来源：网络整理

导读：JQuery的getJSON方法，对于后台是aspx页面，应该如何返回什么格式的数据，相关资料甚是寥寥。经一番艰苦尝试，总算成功。现贴示例如下： 1. 发送请求的WebForm1.aspx view plain copy to clipboard print ? %@Page Language = "C#" AutoEventWireup = "true"

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

1. 发送请求的WebForm1.aspx

view plain copy to clipboard print ?

<%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="WebForm1.aspx.cs"Inherits="Benq.Flower.WebAdmin.Module.WebForm1"%>
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<headrunat="server">
<title></title>
<scriptsrc="../javascript/jquery-1.2.3.pack.js"type="text/javascript"language="javascript"></script>
<scripttype="text/javascript"language="javascript">
functiongetData()
{
$.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>
<formid="form1"runat="server">
<div>
<inputid="Button1"type="button"value="clicktogetJson"onclick="javaScript:getData();"/>
</div>
<divid="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 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,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

view plain copy to clipboard print ?

publicpartialclassWebForm2:System.Web.UI.Page
{
protectedvoidPage_Load(objectsender,EventArgse)
{
stringcallback=Request.QueryString["jsoncallback"];
stringdata="{"title":"RecentUploadstaggedcat","link":"http://www.sina.com.cn","items":[{"title":"Russell003","color":"red"},{"title":"Cat[07.04.11]","color":"yellow"}]}";
stringresult=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();
}
}

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!