前后端数据交互的方式

墨蓝 2021-10-30 06:52 456阅读 0赞

（1）利用cookie对象

cookie是服务器存储在客户端里的一小部分数据，使用cookie也有前提，就是客户端允许使用cookie并作出相应设置。

后台代码

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

response.addCookie(cookie);

前台代码

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）利用AJAX

在学习NodeJS之前最常用的前后端交互大都利用ajax 和JQuery中已经封装好的$.ajax、$.post、$.getJSON 通过创建一个XMLHttpRequest对象，来进行前后端交互。

在学NodeJS之后我们也利用依赖于$http服务自己搭建的\_http来完成get、post和jsonp的方式来进行前后端交互；

（3）服务端渲染

浏览器请求到的内容可以通过后端加工一下，将数据直接渲染好，交给浏览器就行了。

在php中实现服务端渲染：

在PHP文件中可以放入html语句，访问php文件时，就相当于访问对应的html文件，在php文件中也可以写一些php代码渲染数据。

在node中实现服务器的渲染

利用模板引擎，node在渲染模板时给模板传入数据，在模板中就可以利用特定的语法来渲染DOM，例如ejs。

（4）利用session对象：

session对象表示特定会话层session的用户数据，客户第一次访问支持session的JSP网页时。session对象记录客户的信息，当客户访问同一网站，不同页面时，仍然处于同一session中。

（5）jsonp

jsonp是前后端结合跨域方式， 允许用户传递一个callback参数给服务端，然后服务端返回数据时会将这个callback参数作为函数名来包裹住JSON数据，这样客户端就可以随意定制自己的函数来自动处理返回数据了。

转载于:https://www.cnblogs.com/muzishijie/p/11228915.html

发表评论取消回复

表情：

评论列表（有 0 条评论，456人围观）

还没有评论，来说两句吧...

相关阅读

相关前后端数据交互问题

一、Springboot接参注解 1、@RequestBody注解该注解，用来接收前端传过来的json串. ![在这里插入图片描述][a0bda531

布满荆棘的人生/ 2023年09月29日 16:23/ 0 赞/ 3 阅读

相关 javaWeb前后端传递数据交互的两种方式

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

末蓝、/ 2023年01月21日 11:20/ 0 赞/ 96 阅读

相关【javaWeb】前后端传递数据交互的两种方式

一、使用struct2的方法set及get 1、在jsp中直接定义定义form表单 <form id="formid" name= "myform" metho

ゝ一世哀愁。/ 2022年07月12日 10:24/ 0 赞/ 573 阅读

相关前后端数据交互乱码

前后端数据交互乱码独立修改编码方式可以设置单个参数的编码方式 String name = new String((request.getParamet

今天药忘吃喽~/ 2022年06月16日 12:42/ 0 赞/ 323 阅读

相关前后端的数据交互

[Java学习——前后端数据交互（一）][Java] 当前的结果是提交之后js内有响应。不知道原因在哪个地方，下面是当前了解的一些知识。 1、在html页面要链接

痛定思痛。/ 2022年05月17日 10:25/ 0 赞/ 355 阅读

相关前后端交互，API数据交互

此博客希望可以帮助那些对于前后端如何交互？API是什么？等知识比较模糊的同学有一个初步的认识。问：为什么需要前后端交互？答：问这个问题之前，你需要对web的标准规范有基

本是古典何须时尚/ 2022年05月15日 12:34/ 0 赞/ 471 阅读

相关前后端数据交互之数据接口

[前后端数据交互之数据接口][Link 1] 废话就不多说了，我们都知道，前端通常会通过后台提供的接口来获取数据来完成前端页面的渲染。 1.前端通过接口调用后台返回的数

╰+攻爆jí腚メ/ 2022年03月02日 12:44/ 0 赞/ 495 阅读

相关 web 前后台数据交互的方式

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 做web开发，很重要的一个环节就是前后台的数据的交互，数

小灰灰/ 2022年01月14日 19:49/ 0 赞/ 419 阅读

相关 flask框架前后端数据交互

flask开发中需要用到ajax进行前端数据交互，主要流程为三步： 1. 前端引用js文件，调用其中函数 2. 后端完成调用数据库函数并设置数据格式 3. js中使

快来打我*/ 2021年11月06日 00:24/ 0 赞/ 598 阅读

相关前后端数据交互的方式

（1）利用cookie对象 cookie是服务器存储在客户端里的一小部分数据，使用cookie也有前提，就是客户端允许使用cookie并作出相应设置。后台代码 Cook

墨蓝/ 2021年10月30日 06:52/ 0 赞/ 457 阅读