Latest Posts

Create Sub Site in SharePoint using JSOM

The example in this topic show how to use JSOM to Create Sub Site in SharePoint

You can use Content Editor or Script Editor web part on your site, put Html and JSOM (Java Script Object Model) code and that's it. You can perform any action supported by JSOM APIs

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. You can keep jQuery reference as per your need. ScriptFile.js is a JavaScript file where you can keep below function i.e. your actual logic.
<script src="https://code.jquery.com/jquery-2.2.4.js" type="text/javascript"></script>

<script type="text/javascript" src="/_layouts/15/sp.runtime.js"></script>

<script type="text/javascript" src="/_layouts/15/sp.js"></script>

<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 CreateSubSite() {
var clientContext = new SP.ClientContext();
var oWebCreationInformation = new SP.WebCreationInformation();
// This is relative URL of the url provided in context
oWebCreationInformation.set_url("NewSubSite2");
oWebCreationInformation.set_title("NewSubSite Site");
oWebCreationInformation.set_description("NewSubSite description");
// This will inherit permission from parent site
oWebCreationInformation.set_useSamePermissionsAsParentSite(true);
// "STS#0" is the code for 'Team Site' template
oWebCreationInformation.set_webTemplate("STS#0");
oWebCreationInformation.set_language(1033);
this.oWeb = clientContext.get_web().get_webs().add(oWebCreationInformation);
clientContext.executeQueryAsync(Function.createDelegate(this, this.CreateSubSiteonsuccess), Function.createDelegate(this, this.CreateSubSiteonfailed));
}
function CreateSubSiteonsuccess() {
var results = this.oWeb.get_title() + 'Create success';
console.log(results);
}
function CreateSubSiteonfailed(sender, args) {
console.write('Creation Failed' + args.get_message() + '\n' + args.get_stackTrace());
}

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

Page URL:

Name:

Name is a mandatory field

Email:

Email is a mandatory field
Email format is not corrent

Suggestion:

Suggestion is a mandatory field