aspx json 데이터 반환

JQuery.getJSON  aspx    JSON   .  



2012-01-05 12:44:02|    : asp.net |  |     

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>

view plaincopy to clipboardprint?



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



view plaincopy to clipboardprint?



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(); 

        } 

    } 

view plaincopy to clipboardprint?



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(); 

        } 

    } 

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)

좋은 웹페이지 즐겨찾기