很多人对 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参数的有效期为本次请求。

 

(3) 前台代码

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方式获取。根据不同的需要可以选择不同的前后端交互方式。

热门词汇: Web安全 cookie session request
相关资讯
  • 在php的学习难不难,学习php的时间长不长是一个普遍的问题,所以我们先来总结一下有这么几种情况。 条件良好: 不排除有些人有天分,智商高,头脑灵活。手感好,这跟大脑里的Z字形沟槽有关。然而,大多...查看全文>>

  • 第一,序言。今日的互联网时期又被称为挪动互联网时期,大部分每一个人每日都需要花许多 時间在移动设备上,初期的手机端运用大多数选用当地开发设计(android,ios),而如今的移动应用开发技术性挑选大部分全...查看全文>>

  • 大神教你网站维护技巧! 2021-03-25 编程小赵

    针对网址而言,网络服务器是最重要的基础设施建设,假如网络服务器在运作全过程中存有安全隐患,就非常容易危害网址的一切正常经营,一旦网络服务器被故意进攻,便会导致网址发生一系列难题,导致比较严重的财产...查看全文>>

  • 小白必懂DAS、NAS、SAN之间的关系 2021-03-22 数据安全-赵

    DAS、NAS、SANDAS依器,DAS本身就是储存设备硬件的堆叠,没有任何储存操作系统。但DAS也存在许多问题:服务器本身容易成为系统瓶颈,数据存储任务由服务器承担,使服务器的性能受到极大影响;服务器出现故障,数...查看全文>>

  • 网站运营,一个比较好的网站必须按时或经常性地升级内容,才可以不断吸引住大量的访问者,提升浏览量。网站运营是为了更好地让您的网址可以长期地平稳地,立即地调节和升级您的网站内容,在变幻莫测的信息社会中...查看全文>>

  • 什么叫PHP?PHP(英语名HypertextPreprocessor,中文名字“HTML文件预CPU”)是一种通用性开源系统开发语言。 语法消化吸收了C语言、Java和Perl的特性,有利于学习培训,应用普遍,关键适用Web开发设计行业...查看全文>>

在线
客服
APP
下载

下载Android客户端

下载iphone 客户端

官方
微信

关注官方微信

返回
顶部