[Sharepoint 2013] Use jQuery Call REST Service
續上篇,http://www.dotblogs.com.tw/yc421206/archive/2014/06/12/145512.aspx
準備工作
- REST Endpoint Address
http://msdn.microsoft.com/en-us/library/office/dn531433%28v=office.15%29.aspx - 從 nuget 上安裝 jQuery,在這裡我是用 webform 專案
開始動手敲 code
用 jQuery.ajax 將資料查出來
$.ajax({ url: "http://localhost/_api/web/lists", method: "GET", headers: { "Accept": "application/json; odata=verbose", }, success: successHandler, error: errorHandler }); });
成功將資料輸出
$("#results").empty(); var odataResults = data.d.results; var ul = $("<ul>"); for (var i = 0; i < odataResults.length; i++) { $("<li>").html(odataResults[i].Title).appendTo(ul); } ul.appendTo("#results"); } function errorHandler(data, errorCode, errorMessage) { document.write("Could not complete cross-domain call: " + errorMessage); }
按下F5的執行結果,如下圖:
完整程式碼如下:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <script type="text/javascript" src="/Scripts/jquery-2.1.1.js"></script> <script type="text/javascript" src="/Scripts/jquery-2.1.1.min.js"></script> <script type="text/javascript"> $(function () { $.ajax({ url: "http://localhost/_api/web/lists", method: "GET", headers: { "Accept": "application/json; odata=verbose", }, success: successHandler, error: errorHandler }); }); function successHandler(data) { $("#results").empty(); var odataResults = data.d.results; var ul = $("<ul>"); for (var i = 0; i < odataResults.length; i++) { $("<li>").html(odataResults[i].Title).appendTo(ul); } ul.appendTo("#results"); } function errorHandler(data, errorCode, errorMessage) { document.write("Could not complete cross-domain call: " + errorMessage); } </script> <title></title> </head> <body> <form id="form1" runat="server"> <div id="results"> </div> </form> </body> </html>
本文出自:http://www.dotblogs.com.tw/yc421206/archive/2014/06/19/145627.aspx
若有謬誤,煩請告知,新手發帖請多包涵
Microsoft MVP Award 2010~2017 C# 第四季
Microsoft MVP Award 2018~2022 .NET