EDD AJAX: Using Easy Digital Downloads with AJAX (on the Front-End)

edd-ajax-custom.js

$('.buy-now').on('click', function (event) {
	event.preventDefault();

	var el = $(this),
		item_download = el.attr('data-id'),
		current_page = el.attr('data-current'),
		item_price_id = false;

	$.ajax({
		type: 'POST',
		url: edd_scripts.ajaxurl,
		data: {
			action: 'my_action_add_to_cart',
			download_id: item_download,
			price_id: item_price_id,
			current: current_page,
			nonce: edd_scripts.ajax_nonce
		},
		beforeSend: function () {
			el.addClass('loading');
		},
		success: function (response) {
			// Remove the loading spinner
			el.removeClass('loading');

			// Open success message in Boostrap modal
			$('#edd-success').modal('show');

			// Replace "Buy Now" button with Checkout button
			el.html('Checkout');
		}
	});

});