Create client library
AEM Client Library manages all your client side JavaScript code. For this article, I have created a simple JavaScript to fetch the Adaptive Form data using the guide bridge API. Once the Adaptive Form data is fetched, the POST call is made to the servlet to either insert or update the adaptive form data in the database. The function getALLUrlParams returns the parameters in the URL. If the guid parameter is present in the URL, then we need to perform the update operation, if not it is an insert operation.The rest of the functionality is handled in the code associated with the click event of .savebutton class.
NOTE
The client library is provided as part of this tutorial assets
function getAllUrlParams(url) {
// get query string from url (optional) or window
var queryString = url ? url.split('?')[1] : window.location.search.slice(1);
// we'll store the parameters here
var obj = {};
// if query string exists
if (queryString) {
// stuff after # is not part of query string, so get rid of it
queryString = queryString.split('#')[0];
// split our query string into its component parts
var arr = queryString.split('&');
for (var i = 0; i < arr.length; i++) {
// separate the keys and the values
var a = arr[i].split('=');
// set parameter name and value (use 'true' if empty)
var paramName = a[0];
var paramValue = typeof(a[1]) === 'undefined' ? true : a[1];
// (optional) keep case consistent
paramName = paramName.toLowerCase();
if (typeof paramValue === 'string') paramValue = paramValue.toLowerCase();
// if the paramName ends with square brackets, e.g. colors[] or colors[2]
if (paramName.match(/\[(\d+)?\]$/)) {
// create key if it doesn't exist
var key = paramName.replace(/\[(\d+)?\]/, '');
if (!obj[key]) obj[key] = [];
// if it's an indexed array e.g. colors[2]
if (paramName.match(/\[\d+\]$/)) {
// get the index value and add the entry at the appropriate position
var index = /\[(\d+)\]/.exec(paramName)[1];
obj[key][index] = paramValue;
} else {
// otherwise add the value to the end of the array
obj[key].push(paramValue);
}
} else {
// we're dealing with a string
if (!obj[paramName]) {
// if it doesn't exist, create property
obj[paramName] = paramValue;
} else if (obj[paramName] && typeof obj[paramName] === 'string') {
// if property does exist and it's a string, convert it to an array
obj[paramName] = [obj[paramName]];
obj[paramName].push(paramValue);
} else {
// otherwise add the property
obj[paramName].push(paramValue);
}
}
}
}
return obj;
}
$(document).ready(function() {
console.log(window.location.hostname + " " + window.location.protocol);
var linktext = guideBridge.resolveNode("guide[0].guide1[0].guideRootPanel[0].info[0].linktxt[0]");
var linktext1 = guideBridge.resolveNode("guide[0].guide1[0].guideRootPanel[0].info[0].linktext1[0]");
linktext.visible = false;
linktext1.visible = false;
$(".savebutton").click(function() {
var params = getAllUrlParams(window.location.href);
console.log(getAllUrlParams(window.location.href));
window.guideBridge.getDataXML({
success: function(guideResultObject) {
console.log("The data is " + guideResultObject.data);
let xhr = new XMLHttpRequest();
xhr.open('POST', '/bin/storeafdata');
let formData = new FormData();
if (typeof(params.guid) != "undefined") {
formData.append("operation", "update");
formData.append("guid", params.guid);
}
if (typeof(params.guid) == "undefined") {
formData.append("operation", "insert");
}
formData.append("formdata", guideResultObject.data);
xhr.send(formData);
xhr.onload = function(e) {
console.log("The data is ready");
if (this.status == 200) {
var jsonResponse = JSON.parse(this.response);
console.log(jsonResponse.guid);
var linktext = guideBridge.resolveNode("guide[0].guide1[0].guideRootPanel[0].info[0].linktxt[0]");
var linktext1 = guideBridge.resolveNode("guide[0].guide1[0].guideRootPanel[0].info[0].linktext1[0]");
linktext1.visible = true;
linktext.value = "/content/dam/formsanddocuments/demostoreandretrieveformdata/jcr:content?wcmmode=disabled&guid=" + jsonResponse.guid;
linktext.visible = true;
guideBridge.setFocus("guide[0].guide1[0].guideRootPanel[0].info[0].linktxt[0]");
}
}
}
});
});
});
recommendation-more-help
8de24117-1378-413c-a581-01e660b7163e