JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/appendto/amplify/master/core/amplify.core.js"></script>
<script src="https://raw.github.com/appendto/amplify/master/request/amplify.request.js"></script>
<script src="https://raw.github.com/appendto/amplify/master/store/amplify.store.js"></script>
<script src="http://ajax.cdnjs.com/ajax/libs/json2/20110223/json2.js"></script>
<button id="amplifyrequest">Run amplify</button>
<button id="jqrequest">Run jquery ajax</button>

JavaScript

amplify.request.define("checkout#update", "ajax", { 
    url: "/checkout/update/{orderId}", 
    dataType: "json", 
    type: "POST", 
    contentType: "application/json; charset=utf-8" 
}); 

var amplifyRequest = function(orderId) {
    amplify.request("checkout#update", 
            { 
                orderId: orderId, 
                data: { value:1, value2 : 'foo'}
            }, 
            function (result) {
               alert(data);
            }
    ); 
}

var jqAjax= function(orderId) {
    $.ajax({ 
        type: "POST", 
        url: '/checkout/update/' + orderId, 
        contentType: "application/json; charset=utf-8", 
        dataType: "json", 
        data: JSON.stringify({
                orderId: orderId,
                data: { value:1, value2 : 'foo'}
            }), 
        success: function (data) { 
            alert(data); 
        } 
    }); 
    
}
    
$('#amplifyrequest').click(function() {
    amplifyRequest (12345);
});

$('#jqrequest').click(function() {
    jqAjax(12345);
});