2013-05-20 56 views
1

我在blank.jsp中有一個按鈕(可以說)。使用ajax調用java方法點擊按鈕

<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方法。請儘快幫助我。 在此先感謝。

+0

這已經回答了@ http://stackoverflow.com/questions/15944000/calling-a-java-method-in-ajax – vaisharch

回答

1
  1. 的onclick刪除內聯從提交
  2. 添加onsubmit處理的形式
  3. 取消提交

我強烈建議jQuery來特別是做到這一點的時候,你已經阿賈克斯參與

我在這裏假設servlet函數在form標籤中。如果沒有,交換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"); 
    }); 
    }); 
}); 
+0

我想知道什麼是你的方法和直接調用Ajax的區別?我仍然在學習ajax ..請指教...非常感謝 – Raymond

+0

礦井簡單得多(快捷方式)並且不使用已棄用的成功/錯誤 – mplungjan

2

嘗試使用此方法..

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

這相當不雅,錯誤和成功已被失敗代替 – mplungjan

+1

@mplungjan,感謝您的建議..即時通訊仍在學習ajax ..你能指出更多的細節嗎?謝謝.. – Raymond

2

我想你payment處於servlet

所有你需要的是這樣的

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