Passing JavaScript Data onClick()

Question

Hope Everyone is doing good.

I want to pass data on button click. This is my code, I am not getting it on other side.

 <script> function submit() { var url = "http://localhost:8080" + "/submit" var data = {"order":"Full"}; $.post(url, {}, function(data, status, xhr) { alert('status: ' + status + ', data: ' + JSON.stringify(data)); }, 'json' ); } </script>

 <button onClick="submit()">submit</button>

Answer 1

You are passing an empty object as the data of the POST request. Change the $.post call to this.

$.post(url, data,
  function(data, status, xhr) {
    alert('status: ' + status + ', data: ' + JSON.stringify(data));
  },
  'json'
);

Answer 2

You can also try below with ajax function

var oParameters = {
                attributeValue : 'myAttributeValue',
                attributeType: 'myAttributeType'
           };

        $.ajax({
            url: "http://localhost:8080" + "/submit",
            type: "POST",
            data: oParameters,
            success: function(data) {
                alert("Data submitted successfully....");
            },
            error: function(data) {
                alert("Error while submitting Data");
            }
        });