通過ashx獲取JSON數據的兩種方式

本文轉載自查看原文 2012-08-02 17:24 27892 jQuery Mobile/ ASP.NET/ 手機開發/ ashx

網上asp.net開發jquery mobile的示例很少，根據網上提供的不完全資料自己研究了一下，通過兩種方式可以獲取JSON數據：

第一，通過get實現：

// 前面引用省略
<script>

$('#frmmain').live('pageinit', function(event) {
        $.get('handler/aprvhandler.ashx', { type: 'myParam', cnt: '10' }, function(data) {

             var userlist = $.parseJSON(data); // 解析JSON
            $("#userlist").append("<ul data-role='listview'></ul>");
            $.each(userlist, function(index, value) {

                 var temp = "<li><a href='aprvdetail.aspx?id=" + value + "'><h3>" + value + "</h3></a></li>";
                $("#userlist ul").append(temp);
            });
            $("#userList").trigger("create");

            });
});
</script>

第二，通過post實現：

// 前面引用省略
<script>

   $('#frmmain').live('pageinit', function(event) {
        $.post('handler/aprvhandler.ashx', { type: 'myParam', cnt: '10' }, function(data) {
            $("#userList").append("<ul data-role='listview'></ul>");
            $.each(data, function(index, value) {

                 var temp = "<li><a href='aprvdetail.aspx?id=" + value + "'><h3>" + value + "</h3></a></li>";
                $("#userList ul").append(temp);
            });
            $("#userList").trigger("create");

            },"json");
    });
</script>

//通用頁面
< body >
     
     < div data-role ="page" data-theme ="b" id ="frmmain"   data-ajax ="false" >
         < div data-theme ="b" data-role ="header" >
             < h4 >
                XXXX系統
             </ h4 >
         </ div >
         < div data-role ="content" style ="padding: 15px" >
             < div data-role ="collapsible-set" data-theme ="" data-content-theme ="" >
                 < div data-role ="collapsible" data-collapsed ="false" >
                     < h3 >
                        用戶列表
                     </ h3 >

                     < div data-role ="content"   id ="userList" class ="content" ></ div >

                 </ div >
             </ div >

</ body >
</ html >

兩種實現方式差不多，只是$.get方法沒有json這個參數，所以在代碼里面解析。

后台ashx也比較簡單，需要引用Jayrock.JSON.dll第三方控件

<%@ WebHandler Language= " C# " Class= " AprvHandler " %>

using System;
using System.Web;
using Jayrock.Json;
using System.IO;

public class AprvHandler : IHttpHandler {

     public void ProcessRequest (HttpContext context) {
        HttpContext.Current.Response.ContentType = " text/plain ";
         string query = HttpContext.Current.Request.Params[ " type "];
         if ( string.IsNullOrEmpty(query))
        {
            HttpContext.Current.Response.Write( " parameter error ");
             return;
        }
         string strJsonText = @" {'id':1,'count':'4','name':'Alice','list':[1001,1002,1003,1004]} ";
        JsonReader reader = new JsonTextReader( new StringReader(strJsonText));

        JsonObject jsonObj = new JsonObject();
        jsonObj.Import(reader);

        HttpContext.Current.Response.Write(jsonObj);

        HttpContext.Current.Response.End();
    }

     public bool IsReusable {
         get {
             return false;
        }
    }
}

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 Json傳遞數據兩種方式（json大全） Java解析Json數據的兩種方式 MVC中返回json數據的兩種方式 JavaWeb 返回json數據的兩種方式 JavaWeb 返回json數據的兩種方式總結兩種方式獲取接口提供的數據 spark-streaming獲取kafka數據的兩種方式 unity解析json的兩種方式 json 數組的兩種解析方式 Request獲取Session的兩種方式