Ajax-aanroep maken

Wanneer de gebruiker het pdf-bestand heeft geüpload, moeten we een POST-aanroep naar een servlet maken en het geüploade PDF-document doorgeven in de POST-aanvraag. De POST-aanvraag retourneert een pad naar de geëxporteerde gegevens in de crx-opslagplaats

$("#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");
                }
            })


        }
    });
}

De servlet op /bin/ExtractDataFromPDF haalt de gegevens uit het dossier van PDF uit en keert de weg van de crx knoop terug waar de gehaalde gegevens worden opgeslagen.
De ​ GuideBridge setData ​ methode wordt dan gebruikt om de gegevens van de adaptieve vorm te plaatsen.

Volgende stappen

De voorbeeldelementen implementeren

recommendation-more-help
8de24117-1378-413c-a581-01e660b7163e