Ребят, сейчас данная форма выводит результат расчета параметров доставки. А как вывести на странице после нажатия кнопки "Посчитать" , например, два результата сперва для параметра формы tariffId = 137, а потом например для tariffId = 11? Т.е., грубо говоря, получить результаты по двум тарифам.
<form action="" id="cdek" method="GET" />
<input name="version" value="1.0" hidden />
<input name="dateExecute" value="2014-02-06" hidden />
<input name="senderCityId" value="44" hidden />
<input name="receiverCityId" id="receiverCityId" value="44" hidden />
<input name="tariffId" value="137" hidden />
<input name="goods[0].weight" value="0.3" hidden />
<input name="goods[0].length" value="10" hidden />
<input name="goods[0].width" value="7" hidden />
<input name="goods[0].height" value="5" hidden />
<input type="submit" value="Посчитать">
<code id="resArea"></code>
</form>
<script type="text/javascript">
/**
* ajax-запрос на сервер для получения информации
*/
$('#cdek').submit(function() {
var formData = form2js('cdek', '.', true, function(node) {
if(node.id && node.id.match(/callbackTest/)) {
return {
name : node.id,
value : node.innerHTML
};
}
});
var formDataJson = JSON.stringify(formData);
// console.log(JSON.stringify(formData));
//document.getElementById('testArea').innerHTML = 'Отправляемые данные: <br />' + JSON.stringify(formData, null, '\t');
$.ajax({
url : 'http://api.edostavka.ru/calculator/calculate_price_by_jsonp.php',
jsonp : 'callback',
data : {
"json" : formDataJson
},
type : 'GET',
dataType : "jsonp",
success : function(data) {
console.log(data);
if(data.hasOwnProperty("result")) {
document.getElementById('resArea').innerHTML = 'Цена: ' + data.result.price + '<br />Срок: ' + data.result.deliveryPeriodMin + 'дн. ';
} else {
for(var key in data["error"]) {
// console.log(key);
// console.log(data["error"][key]);
document.getElementById('resArea').innerHTML = document.getElementById('resArea').innerHTML+'Код ошибки: ' + data["error"][key].code + '<br />Текст ошибки: ' + data["error"][key].text + '<br /><br />';
}
}
}
});
return false;
});
</script>
