這篇文章主要介紹了prototype.js中如何實(shí)現(xiàn)ajax功能，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

10年積累的成都網(wǎng)站建設(shè)、成都網(wǎng)站制作經(jīng)驗(yàn)，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先網(wǎng)站設(shè)計后付款的網(wǎng)站建設(shè)流程，更有譙城免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

具體如下：

原本不知道prototype.js是一個框架,只當(dāng)其是一個再普通不過的JS文件.隨手拿著用了用,寫了一個JSP頁面,單純的用prototype.js來實(shí)現(xiàn)AJAX效果.用了之后發(fā)現(xiàn)超好用,自己再也不用寫那么大一堆代碼了,哦耶.言歸正傳,還是把今天寫的那個小代碼發(fā)上來.

一.JSP部分

這部分的代碼,最為關(guān)鍵的是JS部分的改變.沒有采用prototype.js的時候,生成一個AJAX效果,起碼得有四大段.現(xiàn)在,只用寫成下面這一小段代碼了.

function getnodelist(){
  function onSuccess(request)
  {
      alert("success");
     $("result").innerHTML = "abc"+request.responseText ;
  }
  function onComplete(request){
  }
  function onFailure(request){
     alert("failure");
     $("result").innerHTML = request.responseText ;
  }
  var paras = "" ;
  var ajax = new Ajax.Request(
     "http://localhost:8080/LoginDemo/test.do",
    {
    method: 'post',
    parameters:paras ,
    onSuccess: onSuccess,
    onComplete:onComplete,
    onFailure:onFailure
   }
 );
}

其中最重要的就是這一段了:

var ajax = new Ajax.Request(   //新生成一個AJAX.Request對象.
 "http://localhost:8080/LoginDemo/test.do", //請求的servlet地址.即URL
 {                                //參數(shù)
  method: 'post',
  parameters:paras ,
  onSuccess: onSuccess,       //這些函數(shù)和上面三個函數(shù)相對應(yīng).
  onComplete:onComplete,
  onFailure:onFailure
 });

注明:,里面的URL要么寫成絕對路徑,要么就在前面取<% String path = request.getContextPath();%>,然后在這里
"<%=path%>/test.do"

prototype.js讓我覺得最方便的地方就在于我不用自己去判斷當(dāng)前瀏覽器的狀態(tài),如果成功了就調(diào)用OnSuccess函數(shù),失敗就調(diào)用onFailure函數(shù),而我只用關(guān)注于成功失敗之后該怎么處理,簡化了程序.

二.后臺struts部分

public ActionForward execute(
    ActionMapping mapping,
    ActionForm form,
    HttpServletRequest request,
    HttpServletResponse response) {
    // TODO Auto-generated method stub
    try{
      System.out.println("in action");
     response.setContentType("text/html;charset=gb2312");
      ServletOutputStream out = response.getOutputStream();
      out.print("hello slf!");
      System.out.println("out");
    }catch(Exception e)
    {
      e.printStackTrace();
    }
    return null;
  }

簡單的打印.

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“prototype.js中如何實(shí)現(xiàn)ajax功能”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!