<script src='http://code.jquery.com/jquery-2.1.4.js'></script>
<script type="text/javascript">
var costCalculator = "initial"; // Определяем и задаем значение глобальной переменной
$(function (){
$.ajax({
beforeSend: function(xhr){
if (xhr.overrideMimeType){
xhr.overrideMimeType('application/json');
}
}
});
function loadCostCalculator(){
$.getJSON('test.json')
.done(function(data){
alert('до' + costCalculator);
costCalculator = data;
alert('после' + costCalculator);
$('#calcBody').html('Success! Калькулятор загружен'); // Выводит это сообщение
}).fail( function(){
$('#calcBody').html('Failure! В настоящий момент мы не можем загрузить калькулятор');
});
}
loadCostCalculator();
});
</script>
PS: пришлось на скорую руку розбираться в синтаксисе JQuery(раньше практически не работал с ним), немного посмотрел и понял - лучше уже писать на чистом JavaScript и полифилах чем на JQuery