Lancer un appel Ajax

Dernière mise à jour : 2024-01-29
  • Créé pour :
  • Beginner
    Developer

Une fois le chargement du fichier PDF effectué, nous devons effectuer un appel POST à un servlet et transmettre le document PDF chargé dans la requête POST. La requête POST renvoie un chemin d’accès aux données exportées dans le référentiel CRX.

$("#fileElem").on('change', function (e) {
           console.log("submitting files");
           var filesUploaded = e.target.files;
           var ajaxData = new FormData($("#myform").get(0));
           for (var i = 0; i < filesUploaded.length; i++) {
               ajaxData.append(filesUploaded[i].name, filesUploaded[i]);
           }

           handleFiles(ajaxData);

       });

function handleFiles(formData) {
    console.log("File uploaded");

    $.ajax({
        type: 'POST',
        data: formData,
        url: '/bin/ExtractDataFromPDF',
        contentType: false,
        processData: false,
        cache: false,
        success: function (filePath) {
            console.log(filePath);
            guideBridge.setData({
                dataRef: filePath,
                error: function (guideResultObject) {
                    console.log("Error");
                }
            })


        }
    });
}

Le servlet monté sur /bin/ExtractDataFromPDF extrait les données du fichier PDF et renvoie le chemin d’accès au nœud CRX contenant les données extraites.
La méthode GuideBridge setData est ensuite utilisée pour définir les données du formulaire adaptatif.

Étapes suivantes

Déployer des exemples de ressources

Sur cette page