web前後臺數據交互的幾種方式

1.利用cookie對象 

Cookie是服務器保存在客戶端中的一小段數據信息。使用Cookie有一個前提，就是客戶端瀏覽器允許使用Cookie並對此做出相應的設置。一般不贊成使用Cookie。

（1）後臺代碼

Cookie cookie=new Cookie("name", "hello");  
response.addCookie(cookie);  

（2）前臺代碼

Cookie[] cookies=request.getCookies();  
for(int i=0;i<cookies.length;i++){  
        if(cookies[i].getName().toString().equals("name")){  
            out.print(cookies[i].getValue());  
        }  
}  

 

2.利用session對象

session對象表示特定會話session的用戶數據。客戶第一次訪問支持session的JSP網頁，服務器會創建一個session對象記錄客戶的信息。當客戶訪問同一網站的不同網頁時，仍處於同一個session中。

（1）後臺代碼

request.getSession().setAttribute("name", name);  
request.getSession().setMaxInactiveInterval(2);  
response.sendRedirect("welcome.jsp");  

（2）前臺代碼（jsp頁面）

Object user=request.getSession().getAttribute("name");

3.利用request重定向，設置setAttribute

（1）後臺代碼

request.setAttribute("name", "cute");  
request.getRequestDispatcher("welcome.jsp").forward(request, response);  //網址不會改變  

PS:如果後臺使用的轉發代碼爲 response.sendRedirect("welcome.jsp");  //網址變爲welcome.jsp

則request設置的參數無效，因爲已經切換到另一個請求了，request參數的有效期爲本次請求。

（2）前臺代碼

String name=request.getAttribute("name").toString();  

4.利用Ajax進行異步數據請求（得到的數據可以以json或xml格式返回，便於處理）

(1)後臺代碼案例（運用servlet傳輸數據）

    public class TestServlet extends HttpServlet {  
      
        /** 
         * Constructor of the object. 
         */  
        public TestServlet() {  
            super();  
        }  
      
        public void doGet(HttpServletRequest request, HttpServletResponse response)  
                throws ServletException, IOException {  
            doPost(request, response);  
        }  
      
        public void doPost(HttpServletRequest request, HttpServletResponse response)  
                throws ServletException, IOException {  
      
            response.setContentType("text/html");  
            PrintWriter out = response.getWriter();  
            String data="[{\"name\":\"apple\",\"price\":23},{\"name\":\"banana\",\"price\":12},{\"name\":\"orange\",\"price\":8}]";  
            out.write(data);  
            out.flush();  
            out.close();  
        }  
      
        /** 
         * Initialization of the servlet. <br> 
         * 
         * @throws ServletException if an error occurs 
         */  
        public void init() throws ServletException {  
            // Put your code here  
        }  
      
    }  

2.前臺js請求處理數據代碼

function createXMLHttpRequest(){  
    var xmlrequest;  
    if(window.XMLHttpRequest){  
        xmlrequest=new XMLHttpRequest();  
    }else if(window.ActiveXObject){  
        try{  
            xmlrequest=new ActiveXObject("Msxm12.XMLHTTP");  
        }catch(e){  
            try{  
                xmlrequest=new ActiveXObject("Microsoft.XMLHTTP");  
            }catch(e){  
                xmlrequest="";  
            }  
        }  
    }  
    return xmlrequest;  
}  
//獲取數據的函數  
function change(){  
    var xmlrequest=createXMLHttpRequest();  
    xmlrequest.open("POST","TestServlet",true);  
    xmlrequest.onreadystatechange=function(){  
        if(xmlrequest.readyState==4&&xmlrequest.status==200){  
            var data=JSON.parse(xmlrequest.responseText);  
            var content="<table border=1>";  
            for(var i=0;i<data.length;i++){  
                content+="<tr>";  
                for(o in data[i]){  
                    content+="<td>"+data[i][o]+"</td>";  
                }  
                content+="</tr>";  
            }  
            content+="</table>";  
            document.getElementById("test").innerHTML=content;  
        }  
    };  
    xmlrequest.send();  
}