Ryan的blog

簡單ajax Sample :

  var list = ['001', 'Ray']; //陣列

  var JsObj = { p_list: list }; //JS物件

  var JsonText = JSON.stringify(JsObj); //轉Json格式

$.ajax({

             type: 'POST',  //回Server的方式 (GET, POST)

             url: 'WfrmA.aspx/GetData', //ajax 要呼叫的位置 (可以是aspx,html,ashx,asmx )

             data: JsonText,  // 呼叫Server傳遞的參數

             dataType: 'json',  //設定傳遞給Server參數的格式

              contentType: "application/json; charset=utf-8",  //設定Server傳回值格式

              success: function (msg) {

                        var jsonData = eval("(" + msg.d + ")");

                        var IDs = ''; var Names = '' ; var EMails = '';

                       //輪巡 Server回傳的物件List

                        $.each(jsonData, function (rec) {

                           IDs +=this.id+',' ; Names += this.name+',' ; EMails +=this.mail+',';

                        });

                        $(".panel").html(<span> IDs </span></br><span> Names </span></br><span> EMails </span>);

                    },

              error: function (xhr, ajaxOptions, thrownError) {

                                        alert(xhr.statusText);

                                   alert(xhr.responseText);

                        var errorData = JSON.parse(xhr.responseText);

                        //若Server有Exception 底下可以接收 Message

                        $.each(errorData, function (key, value) {

                            if (key == 'Message') {

                                alert(value);

                            }

                        });

                    }

                }); //** ajax  End **//