javascript - Read data from sharepoint list using json Rest -
i have sharepoint list(testlist
) columns id
, title
, address
, list contains number of items. want use json rest
retrieve data list , bind html below
<div id="maincontent" style="position:absolute;width:100%"> <h1 style="color: #5e9ca0;"> </h1> <table style="width:100;border: 2px #d3d3d3 solid; border-radius: 10px;"> <tbody> <tr> <td align="center"><strong> <img src='c:\users\critical.png' alt="" style="float: left; text-align: center" /></strong></td> <td align="center" bgcolor="#d3d3d3"> <label id="subject">subject goes here</label> </td> </tr> <tr> <td rowspan="4"> </td> <td align="center" bgcolor="#d3d3d3" width="50%"> <strong>scheduled start time </strong> <label id="starttime">16:00 </label> <strong>scheduled end time </strong> <label id="endtime">18:00</label> </td> </tr> <tr> <td align="center" bgcolor="#d3d3d3"><label id="status">started</label></td> </tr> <tr> <td bgcolor="#d3d3d3"><textarea id="statusbody" disabled="disabled" cols="80" rows="10">status</textarea></td> </tr> <tr> <td bgcolor="#d3d3d3"><input name="alert" type="checkbox" value="popupalert" /> testting/td> </tr> </tbody> </table> </div>
i new json , trying below.
<script type="text/javascript"> $(document).ready(function () { function getlistitembyid(weburl, listname, itemid, success, failure) { var url = weburl + "/_vti_bin/listdata.svc/" + listname + "(" + itemid + ")"; //var url = "http://abc/sites/category/_api/lists/getbytitle('testlist')/items/getbyid(1)"; $.ajax({ url: url, method: "get", headers: { "accept": "application/json; odata=verbose" }, success: function (data) { success(data.d); console.log(data.d.title); }, error: function (data) { alert("error"); } }); } }); </script>
what correct way solve using json rest api?
it way items sharepoint list
function read() { var listname = "mylist"; var url = _sppagecontextinfo.webabsoluteurl; getlistitems(listname, url, function (data) { var items = data.d.results; // add new items (var = 0; < items.length; i++) { alert(items[i].title + ":" + items[i].id); } }, function (data) { alert("ooops, error occured. please try again"); }); } function getlistitems(listname, siteurl, success, failure) { $.ajax({ url: siteurl + "/_api/web/lists/getbytitle('" + listname + "')/items", method: "get", headers: { "accept": "application/json; odata=verbose" }, success: function (data) { success(data); }, error: function (data) { failure(data); } }); }
Comments
Post a Comment