前后端数据交互方法和原理

网站数据处理主要分为三层。

第一层，表示层，这部分可以用HTML代码，CSS/Javascript代码来实现等。通过前端代码可以实现网页的布局和设计。这层又可以称为显示层。也就是你用浏览器打开能看到的网页。

第二层，是业务层，这层是负责处理数据的。常用的代码语言有PHP,JSP，Java等。通过这些后台处理语言的算法来处理前台传回的数据。必要的时候进行操作数据库，然后把结果返回给前端网页。

第三层，是数据层，这个就是数据库，用来存储数据的。通过业务层的操作可以实现增删改数据库的操作。

①你接触到的是这个网页是属于表示层，这个网页一般由HTML标签结合CSS/JAVASCRIPT来实现的。 这时候你要先填入数据。
②然后你按提交触发后台处理机制，这时候数据会传到后台的代码进行处理。这部分代码根据不同网站可以使PHP,JSP，JAVA等。 代码根据程序员预设的算法将收到的数据进行处理之后会相应的对数据库进行操作，存储数据等。
③成功操作完数据库之后，业务层的代码会再向表示层也就是显示器端传回一个指令通知你表格填写成功

从前端向后端传递参数方法

一、通过表单传递参数

1.前端部分，在前端jsp页面设置form表单，确定需要传递的参数name让用户输入，通过点击按钮后submit()提交到后台

<form id="loginform" name="loginform" action="<%=path %>/login" method="post">
    <div class="form-group mg-t20">
        <i class="icon-user icon_font"></i>
        <input type="text" class="login_input" id="sfzh" name="sfzh" placeholder="请输入用户名" />
    </div>
    <div class="form-group mg-t20">
        <i class="icon-lock icon_font"></i>
        <input type="password" class="login_input" id="pwd"  name="pwd" placeholder="请输入密码" />
    </div>
    <div class="checkbox mg-b25">
        <label>
            <!--  <input type="checkbox" />记住密码 -->
        </label>
        <span style="color: red;" id="error">
			<% 
			String message = (String)request.getAttribute("message");
				if