Prototype 매우 간단한 AJAX 예제 - prototype.js 이용 (JSP)

황제낙엽 2007.08.24 14:13 조회 수 : 7498 추천:203

sitelink1  
sitelink2  
sitelink3  
extra_vars4  
extra_vars5  
extra_vars6  
https://www.omnibuscode.com/zeroboard/zboard.php?id=seeyou_programing_javascript&page=1&sn1=&divpage=1&sn=off&ss=on&sc=on&select_arrange=headnum&desc=asc&no=38원본 소스 및 자세한 설명은 링크#1에서...

1. Test HTML
·미리보기 | 소스복사·
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>  
  2. >  
  3. <html>  
  4. <head>  
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  6. <title>Insert title heretitle>  
  7. <script src="http://localhost:8080/pms/js/prototype/prototype.js" type="text/javascript">script>  
  8. <script language="javascript">  
  9.     function ajaxRequest(strResponseURL){   
  10.         var httpObj = new Ajax.Request (   
  11.             strResponseURL, {   
  12.                 parameters:Form.serialize('frm'),   
  13.                 //onSuccess:displayJson,                // 성공했을 경우, displayJson 함수 호출   
  14.                 onSuccess:displayTextHtml,          // 일반 텍스트나 html 형식을 경우   
  15.                 onFailure:displayError              // 실패 했을 경우, displayError 함수 호출   
  16.             }   
  17.         );   
  18.     }   
  19.        
  20.     function displayJson(responseHttpObj) {   
  21.         var returnData = responseHttpObj.responseText;  // 만약 XML 형태로 데이터를 받아온다면 responseHttpObj.responseXML   
  22.         returnData = eval("(" + returnData + ")");   
  23.         switch (returnData.dataType) {   
  24.             // 사실 응답 페이지가 utf-8로 저장되었다면 decodeURIComponent를 안써도 상관없지만, 그래도 혹시나 하여 사용   
  25.             case 'one' : $("results").innerHTML = decodeURIComponent(returnData.response);   
  26.             break;   
  27.             case 'array' : viewResponse(returnData.response);   
  28.             break;   
  29.             default : $("results").innerHTML = decodeURIComponent(returnData);   
  30.         }   
  31.     }   
  32.        
  33.     function displayTextHtml(responseHttpObj) {   
  34.         var returnData = responseHttpObj.responseText;   
  35.         $("results").innerHTML = decodeURIComponent(returnData);   
  36.     }   
  37.        
  38.     function displayError() {   
  39.         $("results").innerHTML = 'AJAX failed';   
  40.     }   
  41.        
  42.     function viewResponse(data) {   
  43.         var intLength = data.length;   
  44.         var strHTML = "";   
  45.         for(var i=0; i<intLength; i++) {   
  46.             strUserID = decodeURIComponent(data[i].userID);   
  47.             strUserName = decodeURIComponent(data[i].userName);   
  48.             strHTML += "ID : " + strUserID + '<br>';   
  49.             strHTML += "이름 : " + strUserName + '<br>';   
  50.         }   
  51.         $("results").innerHTML = strHTML;   
  52.     }   
  53. script>  
  54. head>  
  55. <body>  
  56.     <h3>AJAX in prototype.js Exampleh3>  
  57.     <form id="frm">  
  58.               
  59.         <p><input type="button" value=" 확인 " onclick="ajaxRequest('sso/userAction.do');">p>      
  60.     form>  
  61.     <div id="results">[Results Area]div>      
  62.           
  63. body>  
  64. html>  



2. Spring Controller
·미리보기 | 소스복사·
  1. import java.io.PrintWriter;   
  2.   
  3. import javax.servlet.http.HttpServletRequest;   
  4. import javax.servlet.http.HttpServletResponse;   
  5.   
  6. import org.springframework.web.servlet.ModelAndView;   
  7. import org.springframework.web.servlet.mvc.Controller;   
  8.   
  9. import com.seeyouservice.pms.common.TestStaticField;   
  10.   
  11. public class UserAction implements Controller {   
  12.   
  13.     public ModelAndView handleRequest(HttpServletRequest request, HttpServletResponse response) throws Exception {   
  14.   
  15.         PrintWriter out = response.getWriter();   
  16.         if(TestStaticField.TESTACCOUNT != null) {   
  17.             out.println(TestStaticField.TESTACCOUNT.getUserid());   
  18.         } else {   
  19.             out.println("nobody");   
  20.         }   
  21.         out.close();   
  22.         return null;   
  23.     }   
  24.        
  25. }  

이 게시물을
목록
쓰기 태그