本文主要介紹了prototype.js簡單實現ajax功能,結合實例形式分析了prototype.js前台實現ajax與後台struts的相關操作技巧,需要的朋友可以參考下，希望能幫助到大家。
原本不知道prototype.js是一個框架,只當其是一個再普通不過的JS檔.隨手拿著用了用,寫了一個JSP頁面,單純的用prototype.js來實現AJAX效果.用了之後發現超好用,自己再也不用寫那麼大一堆代碼了,哦耶.言歸正傳,還是把今天寫的那個小代碼發上來.
一.JSP部分
這部分的程式碼,最為關鍵的是JS部分的改變.沒有採用prototype.js的時候,產生一個AJAX效果,起碼得有四大段.現在,只用寫成下面這一小段程式碼了.
<script type="text/javascript">
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
}
);
}
</script>其中最重要的就是這段了:
var ajax = new Ajax.Request( //新生成一个AJAX.Request对象.
"http://localhost:8080/LoginDemo/test.do", //请求的servlet地址.即URL
{ //参数
method: 'post',
parameters:paras ,
onSuccess: onSuccess, //这些函数和上面三个函数相对应.
onComplete:onComplete,
onFailure:onFailure
});註明:,裡面的URL要麼寫成絕對路徑,要麼就在前面取<% String path = request.getContextPath() ;%>,然後在這裡
"<%=path%>/test.do"
prototype.js讓我覺得最方便的地方就在於我不用自己去判斷當前瀏覽器的狀態,如果成功了就調用OnSuccess函數,失敗就調用onFailure函數,而我只用關注於成功失敗之後該怎麼處理,簡化了程序.
二.後台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;
}簡單的列印.
基於jQuery的ajax功能實作web service的json轉換_jquery
jQuery內建的AJAX功能和JSON的使用實例_jquery
以上是實例詳解prototype.js簡單實作ajax功能的詳細內容。更多資訊請關注PHP中文網其他相關文章！
