2012年11月14日 星期三

透過jQuery 呼叫webservice 取得datatable內容

專案參考Newtonsoft.Json.dll

server
====
[WebMethod]
[System.Web.Script.Services.ScriptMethod]
public string GetScheduledActivity(string id)
{
DataTable dt = new DataTable();
...
return JsonConvert.SerializeObject(dt, Formatting.Indented);
}

client
====
 $.ajax({
                type: "POST",
                url: "webservice1.asmx/GetScheduledActivity",
                contentType: "application/json; charset=utf-8",
                data: "{'id':'" + id + "'}",
                dataType: "json",
                success: function (jsonObj) {
                    var objdata = $.parseJSON(jsonObj.d);
                    // 只有一筆資料的用法
                    // objdata[0].欄位名稱
                    // 多筆資料的用法
                    $.each(objdata, function (i, val) {
                    // val.欄位名稱
                    });
                }
            });  

沒有留言:

input 連結 datalist 用程式控制彈出選項

範例: nextTick(() => document.querySelector('input').showPicker());  ※僅支援現代瀏覽器