Realizar llamada de Ajax

Última actualización: 2024-01-25
  • Creado para:
  • Beginner
    Developer

Cuando el usuario ha cargado el archivo PDF, es necesario realizar una llamada al POST a un servlet y pasar el documento del PDF cargado en la solicitud del POST. La solicitud del POST devuelve una ruta a los datos exportados en el repositorio 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");
                }
            })


        }
    });
}

El servlet montado en /bin/ExtractDataFromPDF extrae los datos del archivo PDF y devuelve la ruta del nodo crx donde se almacenan los datos extraídos.
El setData de GuideBridge a continuación, se utiliza el método para establecer los datos del formulario adaptable.

Pasos siguientes

Implementar los recursos de muestra

En esta página