Introduction

Welcome to the SharePoint 2013 REST Series. In my previous article, we saw how to Remove a File from a Document Library in SharePoint 2013 Using REST API.

In this article, we will discuss how to create a folder in a Document Library in a SharePoint List using the REST API.

The SharePoint 2013 environment adds the ability for you to remotely interact with SharePoint sites using REST. So you can talk to SharePoint objects by using any technology that supports standard REST capabilities. In this way, SharePoint data can be accessed anywhere and everywhere.

List of REST Access Points

The following is a list of access points that gives you entry into granular access points.

  1. Site

    http://server/site/_api/site
  2. Web

    http://server/site/_api/web
  3. User Profile

    http:// server/site/_api/SP.UserProfiles.PeopleManager
  4. Search

    http:// server/site/_api/search
  5. Publishing

    http:// server/site/_api/publishing

List of REST End Points

The following is a list of end points that are the most commonly used in a SharePoint list.

Note: The following code is tested in my SP 2013 online environment.

Step 1: Before writing your code, please make sure that you sufficient permission to access cross-domain requests. So I have given full permission to all the contents listed below.

Tenant

Full Permission

Site Collection

Full Permission

Web

Full Permission

List

Full Permission

Permission

Step 2: Navigate to the App.js file then copy the following code and paste it in.

Code
  1. 'use strict';
  2. var hostweburl;
  3. var appweburl;
  5. // This code runs when the DOM is ready and creates a context object which is
  6. // needed to use the SharePoint object model
  7. $(document).ready(function () {
  9. //Get the URI decoded URLs.
  10. hostweburl =
  11. decodeURIComponent(
  12. getQueryStringParameter("SPHostUrl"));
  13. appweburl =
  14. decodeURIComponent(
  15. getQueryStringParameter("SPAppWebUrl"));
  16. // Resources are in URLs in the form:
  17. // web_url/_layouts/15/resource
  18. var scriptbase = hostweburl + "/_layouts/15/";
  20. // Load the js file and continue to load the page with information about the list top level folders.
  21. // SP.RequestExecutor.js to make cross-domain requests
  23. // Load the js files and continue to the successHandler
  24. $.getScript(scriptbase + "SP.RequestExecutor.js", execCrossDomainRequest);
  25. });
  27. // Function to prepare and issue the request to get
  28. // SharePoint data
  29. function execCrossDomainRequest() {
  30. // executor: The RequestExecutor object
  31. // Initialize the RequestExecutor with the app web URL.
  32. var executor = new SP.RequestExecutor(appweburl);
  34. var serverRelativeUrl = "CustomFolder";
  36. var metadata = "{ '__metadata': { 'type': 'SP.Folder' }, 'ServerRelativeUrl': '/" + serverRelativeUrl + "'}"
  37. // Issue the call against the app web.
  38. // To get the title using REST we can hit the endpoint:
  39. // appweburl/_api/web/lists/getbytitle('listname')/items
  40. // The response formats the data in the JSON format.
  41. // The functions successHandler and errorHandler attend the
  42. // sucess and error events respectively.
  45. executor.executeAsync(
  46. {
  47. url:
  48. appweburl +
  49. "/_api/SP.AppContextSite(@target)/web/Folders?@target='" +
  50. hostweburl + "'",
  51. method: "POST",
  52. body: metadata,
  53. headers: { "Accept": "application/json; odata=verbose", "content-type": "application/json; odata=verbose", "X-RequestDigest": digest, "content-length": metadata.length },
  54. success: function (data) {
  55. alert("success: " + JSON.stringify(data));
  56. },
  57. error: function (err) {
  58. alert("error: " + JSON.stringify(err));
  59. }
  60. }
  61. );
  62. }
  63. }

  65. // This function prepares, loads, and then executes a SharePoint query to get
  66. // the current users information
  67. //Utilities
  69. // Retrieve a query string value.
  70. // For production purposes you may want to use
  71. // a library to handle the query string.
  72. function getQueryStringParameter(paramToRetrieve) {
  73. var params =
  74. document.URL.split("?")[1].split("&");
  75. for (var i = 0; i < params.length; i = i + 1) {
  76. var singleParam = params[i].split("=");
  77. if (singleParam[0] == paramToRetrieve)
  78. return singleParam[1];
  79. }
  80. }
  82. //Retrieve the form digest value.

  84. //Store the value of the form digest.
  85. function contextSuccessHandler(data) {
  86. alert("List Created Successfully");
  87. }
  89. function contextErrorHandler(data, errorCode, errorMessage) {
  90. alert(data);
  91. alert(errorCode);
  92. alert("Could not get context info: " + errorMessage);
  93. }

Screenshot

code
code1

Step 3: When deploying, you will be prompted with the following screen. Press Trust it and proceed with the deployment.

Trust it
Code Walkthrough

A .Post Method in REST API

The SharePoint 2013 REST service supports sending POST commands that include object definitions to endpoints that represent collections. In this example, Test List is a custom SharePoint list where list items are updated.

B. Request Executor.JS

The cross-domain library lets you interact with more than one domain in your remote app page through a proxy. SP.RequestExecutor.js acts as a cross-domain library to fetch or create a SharePoint list from your APP domain.

  1. function execCrossDomainRequest() {
  2. // executor: The RequestExecutor object
  3. // Initialize the RequestExecutor with the app web URL.
  4. var executor = new SP.RequestExecutor(appweburl);

Summary

I hope this article helps you.