進行Ajax呼叫

當使用者已上傳pdf檔案時,我們需要對servlet進行POST呼叫,並在POST請求中傳遞已上傳的PDF檔案。 POST請求會傳回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");
                }
            })


        }
    });
}

掛載的servlet /bin/ExtractDataFromPDF 會從PDF檔案中擷取資料,並傳回所擷取資料儲存所在的crx節點的路徑。
GuideBridge setData 方法接著用於設定最適化表單的資料。

後續步驟

部署範例資產

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