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

时间:2013-05-20 04:37:02

标签: java javascript ajax

我在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方法。请尽快帮帮我 提前谢谢。

3 个答案:

答案 0 :(得分:2)

尝试使用此方法..

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

答案 1 :(得分:2)

我认为您的payment位于servlet

你需要的就是这个

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

答案 2 :(得分:1)

  1. 从提交
  2. 中移除内联onclick
  3. 在表单
  4. 中添加一个onsubmit处理程序
  5. 取消提交
  6. 我强烈建议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");
        });
      });
    });