[JQuery] $.ajax 存取 Json 簡單範例

  • 28316
  • 0

$.ajax 存取 Json 簡單範例

範例程式:

<script type='text/javascript' src='http://code.jquery.com/jquery-1.9.1.min.js'></script>
    <script>
        $(function () {            
            $.ajax({
                url: "Handler.ashx",   //存取Json的網址             
                type: "POST",
                cache:false,
                dataType: 'json',
                data:{id:"111", user:"frank"},
                //contentType: "application/json",
                success: function (data) {

                    //方法一 (回傳多筆資料)                
                    for (var i = 0; i < data.length; i++) {
                        alert("name=" + data[i]["欄位名稱"]);    
                    }

                    //方法二 (回傳多筆資料)
                    var i = 0;                    
                    $.each(data, function () {
                        alert(data[i].欄位名稱);    
                        i++;
                    });

                    //方法三 (回傳單筆資料)
                    $.each(data, function (index, element) {
                        alert(element);                      
                    });
                },

                error: function (xhr, ajaxOptions, thrownError) {
                    alert(xhr.status);
                    alert(thrownError);
                }
            });

        });
    </script>