I have a button on my website that looks like this:
<a id="btn" class="button">Click Me!</a>
When this button is clicked, it triggers a jQuery function as shown below:
$("#btn").on("click", function() {
$.ajax({
url: 'index.php',
type: 'post',
data: {product_id: 1, qty: 2},
dataType: 'json',
success: function(json) {
if (json['success']) {
console.log('Product added to cart');
}
if (json['error']) {
console.log('Product not added to cart');
}
});
});
Now, I am wondering if it is possible to trigger another jQuery event after the above function is executed without modifying the existing code. The new function would use the return values of the previous function, like so:
function anotherAction(json_array) {
if (json_array['success']){
// Perform another action here
}
}