JSFiddle - React, Tailwind, and code Playground
JavaScript
var recipeUrl = 'https://api.fluidretail.net/recipe/20007498?api-key=Pum4lyVepl6Ij9nQpnML6_Sl_YKONH0qMRt0GtgM1KOzesB3w';
var localizationUrl = 'http://s3.amazonaws.com/fluid-configure-published/prod/dev/customers/c1533/configureHtml/products/p_20878/Fi18n_configure_product_en_US.js';
var locale = 'en_US';
var locRequest = $.get( localizationUrl, {}, function(data) {
var json = data.replace('Fi18n.configure_p_20878={};', '');
json = json.replace('Fi18n.configure_p_20878.'+locale+'=', '');
json = json.replace('Fi18n_configure_product_'+locale+'_jsonp_callback();', '');
json = json.replace(/;\s?$/, '');
console.log(json);
var localizationData = jQuery.parseJSON(json);
console.log(localizationData);
var recipeRequest = $.get( recipeUrl, '', function(recipeData) {
var output = 'Jersey Type:' + localizationData[stripBraces(recipeData.configuration.jerseytype)] + '\n';
output += 'Product Name:' + localizationData[stripBraces(recipeData.product.name)] + '\n';
output += 'Name:' + recipeData.configurable_attributes['p_20878_ca_37050.p_20878_ca_37051.p_20878_ca_37053'] + '\n';
output += 'Number:' + recipeData.configurable_attributes['p_20878_ca_37050.p_20878_ca_37051.p_20878_ca_37054'] + '\n';
output += 'EAN Number:' + recipeData.item_numbers.product;
alert(output);
}, 'json')
.fail(function() {
alert( 'error getting recipe' );
});
}, 'html')
.fail(function() {
alert( 'error getting localization' );
});
function stripBraces(s) {
return s.replace('{', '').replace('}', '');
}