JSFiddle - React, Tailwind, and code Playground
HTML
<input type="button" class="parseButton" id="btnFile1" value="File 1" data-filename="file1.xml" />
<input type="button" class="parseButton" id="btnFile2" value="File 2" data-filename="file2.xml" />
<input type="button" class="parseButton" id="btnFile3" value="File 3" data-filename="file3.xml" />
JavaScript
function parseFile(fileName) {
$.ajax({
type: "GET",
url: fileName,
dataType: "xml",
success: function(xml) {}
});
}
$(document).ready(function() {
$(".parseButton").click(function() {
parseFile($(this).attr("data-filename"));
}
}