JavaScript
OneNote - Create Page

Creates a new OneNote page with a rendered image and an attached PDF.
Note
This example is intended for running within a Chilkat.Js embedded JavaScript engine. All Chilkat JavaScript examples require Chilkat v11.4.0 or greater.
JavaScript
var success = false;

// This example assumes the Chilkat API to have been previously unlocked.
// See Global Unlock Sample for sample code.

var http = new CkHttp();

// To create a OneNote page, we want to send an HTTP request like the following:

// POST https://graph.microsoft.com/v1.0/me/onenote/sections/{section_id}/pages
// Content-length: 312
// Content-type: multipart/form-data; boundary=MyPartBoundary198374
// 
// --MyPartBoundary198374
// Content-Disposition:form-data; name="Presentation"
// Content-Type:text/html
// 
// <!DOCTYPE html>
// <html>
//   <head>
//     <title>A page with <i>rendered</i> images and an <b>attached</b> file</title>
//     <meta name="created" content="2015-07-22T09:00:00-08:00" />
//   </head>
//   <body>
//     <p>Here's an image from an online source:</p>
//     <img src="https://..." alt="an image on the page" width="500" />
//     <p>Here's an image uploaded as binary data:</p>
//     <img src="name:imageBlock1" alt="an image on the page" width="300" />
//     <p>Here's a file attachment:</p>
//     <object data-attachment="FileName.pdf" data="name:fileBlock1" type="application/pdf" />
//   </body>
// </html>
// 
// --MyPartBoundary198374
// Content-Disposition:form-data; name="imageBlock1"
// Content-Type:image/jpeg
// 
// ... binary image data ...
// 
// --MyPartBoundary198374
// Content-Disposition:form-data; name="fileBlock1"
// Content-Type:application/pdf
// 
// ... binary file data ...
// 
// --MyPartBoundary198374--

// Build the request in a Chilkat HTTP request object:
var req = new CkHttpRequest();

// Our URL is https://graph.microsoft.com/v1.0/me/onenote/sections/{section_id}/pages
// The path part of the URL is "/v1.0/me/onenote/sections/{section_id}/pages"
// In this example, our section ID is "0-3A33FCEB9B74CC15!20350"
req.Path = "/v1.0/me/onenote/sections/0-3A33FCEB9B74CC15!20350/pages";

// We'll be sending a POST.
req.HttpVerb = "POST";

// The Content-Type is multipart/form-data
// Chilkat will automatically generate a boundary string.
req.ContentType = "multipart/form-data";

// When Chilkat HTTP was written many years ago, multipart requests were primarily for uploads.
// Thus the names of methods that add a multipart section end with "ForUpload".
// The multipart request we wish to build has 3 sections: text/html, image/jpeg, and application/pdf.

// ------------------------------
// Add the text/html part.
// ------------------------------
var sbHtml = new CkStringBuilder();
var bCrlf = true;
sbHtml.AppendLine("<!DOCTYPE html>",bCrlf);
sbHtml.AppendLine("<html>",bCrlf);
sbHtml.AppendLine("  <head>",bCrlf);
sbHtml.AppendLine("    <title>A page with <i>rendered</i> images and an <b>attached</b> file</title>",bCrlf);
sbHtml.AppendLine("    <meta name=\"created\" content=\"TIMESTAMP_CURRENT\" />",bCrlf);
sbHtml.AppendLine("  </head>",bCrlf);
sbHtml.AppendLine("  <body>",bCrlf);
sbHtml.AppendLine("    <p>Here's an image from an online source:</p>",bCrlf);
sbHtml.AppendLine("    <img src=\"https://www.chilkatsoft.com/images/starfish.jpg\" alt=\"an image on the page\" width=\"500\" />",bCrlf);
sbHtml.AppendLine("    <p>Here's an image uploaded as binary data:</p>",bCrlf);
sbHtml.AppendLine("    <img src=\"name:imageBlock1\" alt=\"an image on the page\" width=\"300\" />",bCrlf);
sbHtml.AppendLine("    <p>Here's a file attachment:</p>",bCrlf);
sbHtml.AppendLine("    <object data-attachment=\"FileName.pdf\" data=\"name:fileBlock1\" type=\"application/pdf\" />",bCrlf);
sbHtml.AppendLine("  </body>",bCrlf);
sbHtml.AppendLine("</html>",bCrlf);

var dtNow = new CkDateTime();
dtNow.SetFromCurrentSystemTime();
var numReplaced = sbHtml.Replace("TIMESTAMP_CURRENT",dtNow.GetAsTimestamp(true));

req.AddStringForUpload2("Presentation","",sbHtml.GetAsString(),"utf-8","text/html");

// ------------------------------
// Add the JPG image.
// ------------------------------
success = req.AddFileForUpload2("imageBlock1","qa_data/jpg/penguins2.jpg","image/jpeg");
if (success == false) {
    console.log(req.LastErrorText);
    return;
}

// ------------------------------
// Add the PDF attachment.
// ------------------------------
var bdPdf = new CkBinData();
success = bdPdf.LoadFile("qa_data/pdf/helloWorld.pdf");
if (success == false) {
    console.log("Failed to load PDF file.");
    return;
}

success = req.AddBdForUpload("fileBlock1","FileName.pdf",bdPdf,"application/pdf");
if (success == false) {
    console.log(req.LastErrorText);
    return;
}

// Adds the "Authorization: Bearer ACCESS_TOKEN" header.
http.AuthToken = "ACCESS_TOKEN";

// POST to https://graph.microsoft.com/v1.0/me/onenote/sections/{section_id}/pages
// The path part of the URL is already specified in the req object.
// We only need to specify the domain and the fact that we're doing "https" (SSL/TLS).
var resp = new CkHttpResponse();
success = http.HttpSReq("graph.microsoft.com",443,true,req,resp);
if (success == false) {
    console.log(http.LastErrorText);
    return;
}

var sbResponseBody = new CkStringBuilder();
resp.GetBodySb(sbResponseBody);
var jResp = new CkJsonObject();
jResp.LoadSb(sbResponseBody);
jResp.EmitCompact = false;

console.log("Response status code: " + resp.StatusCode);
console.log("Response Body:");
console.log(jResp.Emit());

var respStatusCode = resp.StatusCode;
console.log("Response Status Code = " + respStatusCode);
if (respStatusCode >= 400) {
    console.log("Response Header:");
    console.log(resp.Header);
    console.log("Failed.");
    return;
}

// Sample JSON response:
// (Sample code for parsing the JSON response is shown below)

// {
//   "@odata.context": "https://graph.microsoft.com/v1.0/$metadata#users('admin%40chilkat.io')/onenote/sections('0-3A33FCEB9B74CC15%2120350')/pages/$entity",
//   "id": "0-18ac61117a664f7e946bcceaeebd6f57!36-3A33FCEB9B74CC15!20350",
//   "self": "https://graph.microsoft.com/v1.0/users/admin@chilkat.io/onenote/pages/0-18ac61117a664f7e946bcceaeebd6f57!36-3A33FCEB9B74CC15!20350",
//   "createdDateTime": "2020-10-22T19:02:12Z",
//   "title": "A page with rendered images and an attached file",
//   "createdByAppId": "WLID-00000000441C9990",
//   "contentUrl": "https://graph.microsoft.com/v1.0/users/admin@chilkat.io/onenote/pages/0-18ac61117a664f7e946bcceaeebd6f57!36-3A33FCEB9B74CC15!20350/content",
//   "lastModifiedDateTime": "2020-10-23T00:02:13.3254289Z",
//   "links": {
//     "oneNoteClientUrl": {
//       "href": "onenote:https://d.docs.live.net/3a33fceb9b74cc15/Documents/Testing%20Notebook/Ddd.one#A%20page%20with%20rendered%20images%20and%20an%20attached%20file&section-id=9d78c221-486e-45f8-8355-1810e475f6c0&page-id=36cd1982-1ef1-4b11-b5a1-30b3dbc43d05&end"
//     },
//     "oneNoteWebUrl": {
//       "href": "https://onedrive.live.com/redir.aspx?cid=3a33fceb9b74cc15&page=edit&resid=3A33FCEB9B74CC15!20344&parId=3A33FCEB9B74CC15!187&wd=target%28Ddd.one%7C9d78c221-486e-45f8-8355-1810e475f6c0%2FA%20page%20with%20rendered%20images%20and%20an%20attached%20file%7C36cd1982-1ef1-4b11-b5a1-30b3dbc43d05%2F%29"
//     }
//   }
// }

// Sample code for parsing the JSON response...
// Use the following online tool to generate parsing code from sample JSON:
// Generate Parsing Code from JSON

var odata_context = jResp.StringOf("\"@odata.context\"");
var id = jResp.StringOf("id");
var self = jResp.StringOf("self");
var createdDateTime = jResp.StringOf("createdDateTime");
var title = jResp.StringOf("title");
var createdByAppId = jResp.StringOf("createdByAppId");
var contentUrl = jResp.StringOf("contentUrl");
var lastModifiedDateTime = jResp.StringOf("lastModifiedDateTime");
var linksOneNoteClientUrlHref = jResp.StringOf("links.oneNoteClientUrl.href");
var linksOneNoteWebUrlHref = jResp.StringOf("links.oneNoteWebUrl.href");