1. 程式人生 > >web前後臺數據互動的幾種方式

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();
}

總結:在使用者訪問網站整個生命週期中都會用到的資料用session來儲存,例如使用者名稱,登入狀態,購物車資訊

           顯示在網頁上的資訊資料大多通過 request或Ajax方式獲取