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 @ stackoverflow.com/questions/15944000/… — vaisharch
– vaisharch, Commented May 20, 2013 at 4:45

Raymond · Accepted Answer · 2013-05-20 04:46:21Z

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, 2013 at 4:46

Raymond

5714 gold badges13 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

mplungjan Over a year ago

That is quite inelegant and error and success have been replaced by fail and done

Raymond Over a year ago

@mplungjan, thanks for your advice.. i m still learning ajax.. could you point out more detail? thanks..

me_digvijay · Accepted Answer · 2013-05-20 04:47:23Z

2

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");
        }
    });
}

answered May 20, 2013 at 4:47

me_digvijay

5,53210 gold badges51 silver badges86 bronze badges

Comments

mplungjan · Accepted Answer · 2013-05-20 04:48:17Z

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, 2013 at 4:48

answered May 20, 2013 at 4:41

mplungjan

180k29 gold badges183 silver badges246 bronze badges

2 Comments

Raymond Over a year ago

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

mplungjan Over a year ago

Mine is much simpler (shortcut) and is not using the deprecated success/error

Collectives™ on Stack Overflow

call the java method using ajax on button click

3 Answers 3

2 Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related