Latest Posts

Create Wiki Page in SharePoint using REST API

The example in this topic show how to use REST API to Create Wiki Page in SharePoint
  • REST-API is based on OData (Open Data) Protocol and hence it doesn't require any dll or JS library to run the commands on the SharePoint objects.
  • REST-API calls require proper end-point URL and proper Header implementation in your REST call.

How to use SharePoint REST API?

  • Note: This is just a sample, you can go ahead with your implementation.
  • You can also use this method in your SPFx Component.
  • Open your Site. Create a webpart page.
  • Put a Content Editor Web part and a Script Editor Web part on it.
  • Webpart page content editor and scipt editor
  • I have added below Html in Content Editor webpart. You can replace MainFunction with your actual method name.

    <button onclick="MainFunction();" type="button">Click me​</button>

  • And below references in Script Editor Webpart. ScriptFile.js is a JavaScript file where you can keep below function i.e. your actual logic.

    <script src="https://MyServer/sites/SiteCollection/style library/js/ScriptFile.js"></script>

  • Once you are done with setting your page, click on the button and your method should get executed.

  • function CreateWikiPage() {
  •  
  •     // Get Server relative url of Web(site)
  •     var WebServerRelativeUrl = _spPageContextInfo.webServerRelativeUrl;
  •  
  •     // Provide Internal name of the library here
  •     var DocuentLibraryInternalName = "SitePages";
  •  
  •     // Provide name of the wiki page to be created
  •     var NewPageName = "NewRESTWikipage.aspx";
  •  
  •     // Form relative url of the new page. This will be used in function below
  •     var NewFileUrl = WebServerRelativeUrl + "/" + DocuentLibraryInternalName + "/" + NewPageName;
  •  
  •     $.ajax({
  •  
  •         // "templateFileType" values in below method
  •         // StandardPage. The value = 0.
  •         // WikiPage. The value = 1.
  •         // FormPage. The value = 2.
  •  
  •         url: _spPageContextInfo.webAbsoluteUrl + "/_api/web/GetFolderByServerRelativeUrl('" + WebServerRelativeUrl + "/" + DocuentLibraryInternalName + "')/Files/AddTemplateFile(urlOfFile='" + NewFileUrl + "',templateFileType=1)",
  •         method: "POST",
  •         headers: {
  •             "accept": "application/json;odata=verbose",
  •             "content-type": "application/json;odata=verbose",
  •             "X-RequestDigest": $("#__REQUESTDIGEST").val()
  •         },
  •         success: function (data, status, xhr) {
  •             console.log("Success");
  •         },
  •         error: function (xhr, status, error) {
  •             console.log("Failed");
  •         }
  •     });
  • }

Similar examples using different APIs:

Thank you for reading this article. This code was tested in SharePoint 2013

We value your Feedback:

Page URL:

Name:

Email:


Suggestion:

© 2024 Code SharePoint