Cloud API - Barcode Generator API - JavaScript - Generate Barcode (JQuery) - Async API - ByteScout

Cloud API – Barcode Generator API – JavaScript – Generate Barcode (JQuery) – Async API

  • Home
  • /
  • Articles
  • /
  • Cloud API – Barcode Generator API – JavaScript – Generate Barcode (JQuery) – Async API

Cloud API – Barcode Generator API – JavaScript – Generate Barcode (JQuery) – Async API

generate_barcode.js

[javascript]
$(document).ready(function () {
$(“#resultBlock”).hide();
$(“#errorBlock”).hide();
});

$(document).on(“click”, “#submit”, function () {
var apiKey = $(“#apiKey”).val().trim(); //Get your API key by registering at https://app.pdf.co/documentation/api

var url = “https://api.pdf.co/v1/barcode/generate?name=barcode.png”;
url += “&type=” + $(“#barcodeType”).val(); // Set barcode type (symbology)
url += “&value=” + $(“#inputValue”).val(); // Set barcode value
url += “&async=True”; // Set async

// Show loader
$(“#loader”).show();

$.ajax({
url: url,
type: “GET”,
headers: {
“x-api-key”: apiKey
},
})
.done(function (data, textStatus, jqXHR) {

if (data.error) {
$(“#errorBlock”).show();
$(“#error”).html(data.message);
$(“#loader”).hide();
}
else {
checkIfJobIsCompleted(data.jobId, data.url);
}
})
.fail(function (jqXHR, textStatus, errorThrown) {
$(“#errorBlock”).show();
$(“#error”).html(“Request failed. Please check you use the correct API key.”);
$(“#loader”).hide();
});
});

function checkIfJobIsCompleted(jobId, resultFileUrl) {
$.ajax({
url: ‘https://api.pdf.co/v1/job/check?jobid=’ + jobId,
type: ‘GET’,
headers: { ‘x-api-key’: apiKey }, // passing our api key
success: function (jobResult) {

$(“#status”).html(jobResult.Status + ‘     ‘);

if (jobResult.Status == “InProgress”) {
// Check again after 2 seconds
setTimeout(checkIfJobIsCompleted(jobId, resultFileUrl), 2000)
}
else if (jobResult.Status == “Finished”) {
$(“#resultBlock”).show();
$(“#image”).attr(“src”, resultFileUrl);
}

$(“#loader”).hide();
}
});
}
[/javascript]


  Click here to get your Free Trial version of the SDK

Tutorials:

prev
next