var orderForm = document.getElementById('basket-order-form');
orderForm.addEventListener('submit', function (e) {
e.preventDefault();
var formData = new FormData(orderForm);
var btnText = $('.js--submit-order').text();
$.ajax({
url: api_path + 'basket.php',
type: "POST",
data: formData,
processData: false,
contentType: false,
xhr: function ()
{
var jqXHR = null;
if ( window.ActiveXObject )
{
jqXHR = new window.ActiveXObject( "Microsoft.XMLHTTP" );
}
else
{
jqXHR = new window.XMLHttpRequest();
}
//Upload progress
var btnSuccess = $('.js--submit-order');
jqXHR.upload.addEventListener( "progress", function ( evt )
{
if ( evt.lengthComputable )
{
var percentComplete = Math.round( (evt.loaded * 100) / evt.total );
//Do something with upload progress
// console.log( 'Uploaded percent', percentComplete );
btnSuccess.text(percentComplete + '%');
}
}, false );
//Download progress
jqXHR.addEventListener( "progress", function ( evt )
{
if ( evt.lengthComputable )
{
var percentComplete = Math.round( (evt.loaded * 100) / evt.total );
//Do something with download progress
console.log( 'Downloaded percent', percentComplete );
}
}, false );
return jqXHR;
},
success: function (data) {
$('.js--submit-order').text(btnText);
},
dataType: 'json'
});
});