call the java method using ajax on button click

Question

I have a button in blank.jsp (lets say).

<input class="submit_button" type="submit" id="btnPay" name="btnPay" value="Payment" 
style="position: absolute; left: 350px; top: 130px;" onclick="javascript:payment();">

when button is clicked I need to call the java method callprocedure() using ajax.

function payment()
    {
        alert('Payment done successfully...');
        ........
        // ajax method to call java method "callprocedure()"
        ........
    }

I am new to ajax. how can we call the java method using ajax. Please help me soon. Thanks in advance.

This has been answered @ http://stackoverflow.com/questions/15944000/calling-a-java-method-in-ajax — vaisharch, May 20 '13 at 04:45

score 2 · Answer 1 · answered May 20 '13 at 04:46

2

try to use this method..

 $.ajax({
            url: '/servlet/yourservlet',
            success: function(result){
            // when successfully return from your java  
            }, error: function(){
               // when got error
            }
        });

answered May 20 '13 at 04:46

Raymond

572
4
13
28

That is quite inelegant and error and success have been replaced by fail and done – mplungjan May 20 '13 at 04:47
1

@mplungjan, thanks for your advice.. i m still learning ajax.. could you point out more detail? thanks.. – Raymond May 20 '13 at 04:52

score 2 · Answer 2 · answered May 20 '13 at 04:47

I suppose your payment is in a servlet.

All you need is this

function payment(){
    $.ajax({
        type: "POST",
        url: "yourServletURL",
        success: function(data){
            alert("Payment successful");
        },
        error: function (data){
            alert("sorry payment failed");
        }
    });
}

mplungjan · Accepted Answer · 2013-05-20T04:48:17.677

1

remove the inline onclick from the submit
add an onsubmit handler to the form
cancel the submission

I strongly recommend jQuery to do this especially when you have Ajax involved

I assume here the servlet function is in the form tag. If not, exchange this.action with your servlet name

$(function() {
  $("#formID").on("submit",function(e) { // pass the event
    e.preventDefault(); // cancel submission
    $.post(this.action,$(this).serialize(),function(data) {
      $("#resultID").html(data); // show result in something with id="resultID"
      // if the servlet does not produce any response, then you can show message
      // $("#resultID").html("Payment succeeded");
    });
  });
});

edited May 20 '13 at 04:48

answered May 20 '13 at 04:41

mplungjan

169,008
28
173
236

i would like to know what's the differences your method and directly call ajax? I'm still learning ajax.. please advise... thanks a lot – Raymond May 20 '13 at 04:48
Mine is much simpler (shortcut) and is not using the deprecated success/error – mplungjan May 20 '13 at 04:51

call the java method using ajax on button click

3 Answers3