JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" onclick="return runAjax();"> Calculate Discount Check </a>

<div id="responseData">
Waiting for Action...
</div>

CSS

#responseData {
  margin-top: 15px;
  font-family: "Arial"
}

JavaScript

// handles the click event, sends the query
function runAjax() {
    $("#responseData").html("Collecting your Data...");
    $.ajax({
          url: "http://tiffintom.com/api/private/request/data",
          type: "POST",
          dataType: "json",
          data: {
                "RESTAURANT":{"APIKEY":"DoPUQBErcpKPtRmbjpcFvbb8YCMeBjr4w6OcyjtA"},
                "REQUESTPARAM":[
                    {
                        "MODULE":"getitem",
                        "METHOD":"calculateDiscount",
                        "PARAMS":{
                            "ORDERTYPE": "Collection",
                            "PRODUCTS": [
                                {
                                "ID": 23,
                                "QUANTITY": 3,
                                "WITHINGREDIENTID": [14, 26],
                                "WITHOUTINGREDIENTID": [19, 16]
                                },
                                {
                                "ID": 31,
                                "QUANTITY": 2,
                                "WITHOUTINGREDIENTID": [22]
                                },
                                {
                                "ID": 23,
                                "QUANTITY": 3,
                                "WITHINGREDIENTID": [24],
                                },
                                {
                                "ID": 23,
                                "QUANTITY": 1
                                }
                            ]
                        }
                    },
                ],
            },
            success:function(data) {
                console.log(data);
                $("#responseData").html(JSON.stringify(data));
            },
            error: function () {
                $('#responseData').html('There was an error!');
            }
    });
    
    return false;
}