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方式获取

Flutter后台交互的实现方法有以下几种: 1. 使用http库进行网络请求:Flutter中有多个http库可供选择,如Dio、http、flutter_http等。开发者可以利用这些库发送HTTP请求到后台服务器,获取响应数据并进行处理。在台,开发者可以使用这些库发送post、get等请求,后台收到请求后,进行处理并返回相应的结果。 2. 使用WebSocket进行实时通信:WebSocket是一种在单个TCP连接上进行全双工通信的协议,它可以在后台之间建立持久连接,实现实时通信。开发者可以在Flutter中使用web_socket库建立WebSocket连接,台可以通过WebSocket发送数据后台服务器,并通过监听收到后台的实时响应和通知。 3. 使用平台通道进行原生方法调用:Flutter提供了Platform Channel机制,开发者可以通过与原生平台(如Android和iOS)进行通信,调用平台上的原生代码实现后台交互。开发者可以在Flutter中通过MethodChannel、EventChannel等通道发送方法调用请求和接收平台传递过来的数据。 4. 使用第三方插件或SDK:有些后台服务提供商提供了与Flutter集成的插件或SDK,开发者可以直接使用这些插件或SDK与后台进行交互。比如Firebase提供了Firebase SDK,可以用于Flutter应用与Firebase后台进行数据交互、推送通知等。 5. 使用其他网络协议:根据具体需求,还可以使用其他网络协议进行后台交互,比如使用TCP、UDP等协议。开发者可以根据项目的实际需求选择合适的网络协议进行后台交互
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值