zoukankan      html  css  js  c++  java

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

    1. 发送请求的WebForm1.aspx

    1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Benq.Flower.WebAdmin.Module.WebForm1" %>
    3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    4. <html xmlns="http://www.w3.org/1999/xhtml">
    5. <head runat="server">
    6. <title></title>
    8. <script src="../javascript/jquery-1.2.3.pack.js" type="text/javascript" language="javascript"></script>
    10. <script type="text/javascript" language="javascript">
    11.         function getData() 
    12.         { 
    13.             $.getJSON("WebForm2.aspx?jsoncallback=?", 
    14.                 function(data) 
    15.                 { 
    16.                     $.each(data.items, function(i, item) 
    17.                     { 
    18.                         $("<div></div>") 
    19.                             .text(item.title) 
    20.                             .css("color", item.color) 
    21.                             .appendTo($("#listbox")); 
    22.                     });                     
    23.                 } 
    24.           ); 
    26.         } 
    27. </script>
    29. </head>
    30. <body>
    31. <form id="form1" runat="server">
    32. <div>
    33. <input id="Button1" type="button" value="click to get Json" onclick="javaScript:getData();" />
    34. </div>
    35. <div id="listbox">
    36. </div>
    37. </form>
    38. </body>
    39. </html>

    view plaincopy to clipboardprint?

    1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Benq.Flower.WebAdmin.Module.WebForm1" %>
    3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    4. <html xmlns="http://www.w3.org/1999/xhtml">
    5. <head runat="server">
    6. <title></title>
    8. <script src="../javascript/jquery-1.2.3.pack.js" type="text/javascript" language="javascript"></script>
    10. <script type="text/javascript" language="javascript">
    11.         function getData() 
    12.         { 
    13.             $.getJSON("WebForm2.aspx?jsoncallback=?", 
    14.                 function(data) 
    15.                 { 
    16.                     $.each(data.items, function(i, item) 
    17.                     { 
    18.                         $("<div></div>") 
    19.                             .text(item.title) 
    20.                             .css("color", item.color) 
    21.                             .appendTo($("#listbox")); 
    22.                     });                     
    23.                 } 
    24.           ); 
    26.         } 
    27. </script>
    29. </head>
    30. <body>
    31. <form id="form1" runat="server">
    32. <div>
    33. <input id="Button1" type="button" value="click to get Json" onclick="javaScript:getData();" />
    34. </div>
    35. <div id="listbox">
    36. </div>
    37. </form>
    38. </body>
    39. </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?

    1. public partial class WebForm2 : System.Web.UI.Page 
    2.     { 
    3. protected void Page_Load(object sender, EventArgs e) 
    4.         { 
    5. string callback = Request.QueryString["jsoncallback"]; 
    6. 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\"}]}"; 
    7. string result = string.Format("{0}({1})", callback, data); 
    8.             Response.Expires = -1; 
    9.             Response.Clear(); 
    10.             Response.ContentEncoding = Encoding.UTF8; 
    11.             Response.ContentType = "application/json"; 
    12.             Response.Write(result); 
    13.             Response.Flush(); 
    14.             Response.End(); 
    15.         } 
    16.     } 

    view plaincopy to clipboardprint?

    1. public partial class WebForm2 : System.Web.UI.Page 
    2.     { 
    3. protected void Page_Load(object sender, EventArgs e) 
    4.         { 
    5. string callback = Request.QueryString["jsoncallback"]; 
    6. 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\"}]}"; 
    7. string result = string.Format("{0}({1})", callback, data); 
    8.             Response.Expires = -1; 
    9.             Response.Clear(); 
    10.             Response.ContentEncoding = Encoding.UTF8; 
    11.             Response.ContentType = "application/json"; 
    12.             Response.Write(result); 
    13.             Response.Flush(); 
    14.             Response.End(); 
    15.         } 
    16.     } 

    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)
  • 相关阅读:
    使用log4cplus时遇到的链接错误：无法解析的外部符号 "public: static class log4cplus::Logger __cdecl log4cplus::Logger::getInstance(class std::basic_string<wchar_t,struct std::char_traits<wchar_t>,
    linux中free命令内存分析
    ImportError: libmysqlclient_r.so.16: cannot open shared object file: No such file or directory
    error LNK2038: 检测到“_ITERATOR_DEBUG_LEVEL”的不匹配项: 值“0”不匹配值“2
    创建预编译头 Debug 正常 Release Link Error:预编译头已存在,使用第一个 PCH
    C++定义字符数组
    客户端数据持久化解决方案: localStorage
    转:JavaScript函数式编程（三）
    转: JavaScript函数式编程（二）
    转:JavaScript函数式编程（一）
  • 原文地址：https://www.cnblogs.com/fogwang/p/2666598.html
Copyright © 2011-2022 走看看