java - 在按钮单击时使用 ajax 调用 java 方法

Question

我在blank.jsp 中有一个按钮（可以说）。

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

单击按钮时，我需要使用 ajax 调用 java 方法 callprocedure()。

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

我是ajax的新手。我们如何使用 ajax 调用 java 方法。请尽快帮助我。提前致谢。

Answer 1

试试用这个方法。。

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

Answer 2

我想你payment在一个servlet.

你只需要这个

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

Answer 3

1. 从提交中删除内联 onclick
2. 向表单添加 onsubmit 处理程序
3. 取消提交

我强烈推荐 jQuery 来做这件事，尤其是当你涉及到 Ajax 时

我假设这里的 servlet 函数在表单标签中。this.action如果没有，请使用您的 servlet 名称进行交换

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