WEB后台传数据给前台



1.利用cookie对象 

Cookie是服务器保存在客户端中的一小段数据信息。使用Cookie有一个前提，就是客户端浏览器允许使用Cookie并对此做出相应的设置。一般不赞成使用Cookie。

（1）后台代码

        Cookiecookie=new Cookie("name", "hello");

        response.addCookie(cookie);

（2）前台代码

   Cookie[]cookies=request.getCookies();

   for(inti=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页面）

Objectuser=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）前台代码

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

 

4.利用Ajax进行异步数据请求（得到的数据可以以json或xml格式返回，便于处理）

(1)后台代码案例（运用servlet传输数据）

public class TestServlet extends HttpServlet {

 

        /**

         * Constructor of the object.

         */

        publicTestServlet() {

               super();

        }

 

        public voiddoGet(HttpServletRequest request, HttpServletResponse response)

                       throwsServletException, IOException {

               doPost(request,response);

        }

        public voiddoPost(HttpServletRequest request, HttpServletResponse response)

                       throwsServletException, IOException {

 

               response.setContentType("text/html");

               PrintWriterout = response.getWriter();

            Stringdata="[{\"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 voidinit() throws ServletException {

               //Put your code here

        }

}
2.前台js请求处理数据代码

function createXMLHttpRequest(){

        varxmlrequest;

        if(window.XMLHttpRequest){

               xmlrequest=newXMLHttpRequest();

        }elseif(window.ActiveXObject){

               try{

                       xmlrequest=newActiveXObject("Msxm12.XMLHTTP");

               }catch(e){

                       try{

                               xmlrequest=newActiveXObject("Microsoft.XMLHTTP");

                       }catch(e){

                               xmlrequest="";

                       }

               }

        }

        returnxmlrequest;

}

//获取数据的函数

function change(){

        var xmlrequest=createXMLHttpRequest();

        xmlrequest.open("POST","TestServlet",true);

        xmlrequest.onreadystatechange=function(){

               if(xmlrequest.readyState==4&&xmlrequest.status==200){

                       vardata=JSON.parse(xmlrequest.responseText);

                       varcontent="<table border=1>";

                       for(vari=0;i<data.length;i++){

                               content+="<tr>";

                               for(oin data[i]){

                                      content+="<td>"+data[i][o]+"</td>";

                               }

                               content+="</tr>";

                       }

                       content+="</table>";

                       document.getElementById("test").innerHTML=content;

               }

        };

        xmlrequest.send();

}