Créer une bibliothèque cliente
Créez une bibliothèque cliente comprenant le code pour appeler la méthode doAjaxSubmitWithFileAttachment de l’API guideBridge lors de l’événement de clic du bouton identifié par la classe CSS Bouton Enregistrer. Les données du formulaire adaptatif, fileMap, et la propriété mobileNumber sont transmises au point d’entrée en écoute à l’emplacement **/bin/storeafdatawithattachments.
Une fois les données du formulaire enregistrées, un identifiant d’application unique est généré et présenté à l’utilisateur ou à l’utilisatrice dans une boîte de dialogue. En fermant la boîte de dialogue, la personne utilisatrice est amenée au formulaire, ce qui lui permet de récupérer le formulaire adaptatif enregistré à l’aide de l’ID d’application unique.
$(document).ready(function () {
$(".savebutton").click(function () {
var tel = guideBridge.resolveNode(
"guide[0].guide1[0].guideRootPanel[0].contactInformation[0].basicContact[0].telephoneNumber[0]"
);
var telephoneNumber = tel.value;
guideBridge.getFormDataString({
success: function (data) {
var map = guideBridge._getFileAttachmentMapForSubmit();
guideBridge.doAjaxSubmitWithFileAttachment(
"/bin/storeafdatawithattachments",
{
data: data.data,
fileMap: map,
mobileNumber: telephoneNumber,
},
{
success: function (x) {
bootbox.alert(
"This is your reference number.<br>" +
x.data.applicationID +
" <br>You will need this to retrieve your application",
function () {
console.log(
"This was logged in the callback! After the ok button was pressed"
);
window.location.href =
"http://localhost:4502/content/dam/formsanddocuments/myaccountform/jcr:content?wcmmode=disabled";
}
);
console.log(x.data.path);
},
},
guideBridge._getFileAttachmentsList()
);
},
});
});
});
Les bibliothèques clientes utilisées dans cet exemple peuvent être téléchargées ici.
Étapes suivantes
Vérifier les utilisateurs et utilisatrices avec le service OTP