prototype.js ajax.request,prototype.js簡單實作ajax功能示例

????瀹?渚?璁茶堪浜?prototype.js绠???瀹???jax???姐????浜?缁?澶у?朵?澶у?跺????锛??蜂?濡?涓?锛?

????涓??ラ??prototype.js??涓?涓?妗?????褰??舵??涓?涓???????涓?杩???JS??浠??????跨???ㄤ?????浜?涓?涓?JSP椤甸????绾?????rototype.js?ュ????JAX????.?ㄤ?涔??????拌?濂界????宸卞??涔?涓??ㄥ???ｄ?澶т???浠ｇ??浜?,????瑷?褰?姝ｄ?,杩?????浠?澶╁?????ｄ釜灏?浠ｇ????涓???

涓?.JSP?ㄥ??

杩??ㄥ????浠ｇ??,??涓哄?抽??????JS?ㄥ?????瑰??.娌℃??????rototype.js???跺??,????涓?涓?AJAX????,璧風??寰?????澶ф???闆?????ㄥ????涓??㈣?涓?灏?娈典唬??浜?.

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?闆??.??RL

{ //????

method: 'post',

parameters:paras ,

onSuccess: onSuccess, //杩?浜??芥?闆??涓????涓??芥?扮?稿?瑰?.

onComplete:onComplete,

onFailure:onFailure

});

娉ㄦ??:,???㈢??URL瑕?涔?????缁?瀵矽礬寰?,瑕?涔?灏卞?ㄥ???㈠??,?跺???ㄨ???

"/test.do"

prototype.js璁╂??瑙?寰????逛究???版?瑰氨?ㄤ???涓??ㄨ??宸卞?誨?ゆ??褰???娴?瑙??ㄧ???舵??,濡???????浜?灏辮???nSuccess?芥??澶辮觸灏辮???nFailure?芥?????????ㄥ?蟲敞浜?????澶辮觸涔???璇ユ??涔?澶???,绠???浜?绋?搴?.

浜?.????truts?ㄥ??

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;

}

绠?????????

甯?????????杩闆?瑰ぇ瀹?rototype.js妗??剁??绋?搴?璁捐?℃????甯??┿??