一。首先了解前端,后端,数据三者的关系。

1.前端常常是是html,css,js三者的构成的页面的总称。运行在客户端。以浏览器为例。

2.后端常常是后端语言。比如php,java等写的一些脚本。来操作服务器。

3.数据,数据都放在服务器上。

4.服务器上的,大多数数据会放在数据库中,比如mysql数据库,部分数据会缓存在文件中,比如一些配置文件,以加快响应速度。

5.有两个比较有趣的缓存数据,cookie和session,他们常常用来,记录请求者的身份。cookie在客户端,常常加密存在于客户端里。session常常存在于服务端上。

6.前端不能直接操作数据库,必须通过后端,来进行操作。因此,就产生了前后端数据交互的问题。

二。前后端数据交互的原理

基于BS模式下的前后端交互方式,遵循,请求响应原理。

1.属于网址,打开网页,这本身就是一次基本的数据交互模式。

前端发送请求,后端返回数据。

2.大多数时候,我们讨论前后端的交互方式时,在讨论前后端都参与时的情况。

所以,常见的前后端交互的基本框架如下:

1.url地址(没有url就无法发起一次请求)

2.请求参数(请求一个url,然后发送请求参数,达到更精细化的请求)

3.前端的触发方式

用 form 可以发请求,但是会刷新页面或新开页面;

用 a 可以发 get 请求,但是也会刷新页面或新开页面;

用 img 可以发 get 请求,但是只能以图片的形式展示;

用 link 可以发 get 请求,但是只能以 CSS、favicon 的形式展示;

用 script 可以发 get 请求,但是只能以脚本的形式运行。

用jsonp实现请求,支持跨域请求。

用ajax实现页面无刷新的请求。

4.前端触发以后,前端请求的方式

5.前端请求的数据格式------在请求响应中josn数据的编码和解码。

对于请求参数和返回的数据,前后端会统一起来,使用同一个数据格式,一般有两个XML和json。JOSN会更常用。

请求的参数,可以被封装成json格式,传入到后端,后端,根据后端语言的系统常量,进行获取,解析请求数据,操作数据库,获得数据库数据,打包成json格式,最终以json格式的形式,传给前端。

这里,json是以小数据库的形式出现了。js和json进行了编码和解码,php等也对json进行了编码和解码

以上就是前后端交互的方式的大致总结了,涉及的基础知识有,http协议,php,js,josn等相关内容,不太懂的可以回头再看看。

java后端与前端的交互_前端和后端数据交互的基本知识和常见方式相关推荐

  1. 基于TCP/IP协议的Java服务端与Android客户端的Socket通信及数据交互

    基于TCP/IP协议的Java服务端与Android客户端的Socket通信及数据交互 一.前言 1.Java服务端程序代码的项目名为TcpSocketServerOfJava,包名为com.exam ...

  2. python后端与前端数据交互_前端与后端的数据交互(jquery ajax+python flask)

    前端与后端的数据交互,最常用的就是GET.POST,比较常用的用法是:提交表单数据到后端,后端返回json 前端的数据发送与接收 1)提交表单数据 2)提交JSON数据 后端的数据接收与响应 1)接收 ...

  3. java和前端哪个好学_前端好学还是Java好学?

    学web前端 首先要了解前端是做什么的,web前端开发工程师,主要职责是利用 html,css,JavaScript,Flash等各种web技术进行客户端产品的开发.完成客户端程序(也就是浏览器端)的 ...

  4. 前端实习生笔试_前端面试实习题目总结:

    以下是部分整理,有时间还会整理出其他的~~ (最近还在找实习呜呜~~) 1.JavaScript是一种弱类型语言,有什么优点和缺点 https://blog.csdn.net/sinolze... ( ...

  5. 调用后台接口返回报错前端隐藏提示_前端异常监控解决方案研究(转)

    前端监控包括行为监控.异常监控.性能监控等,本文主要讨论异常监控.对于前端而言,和后端处于同一个监控系统中,前端有自己的监控方案,后端也有自己等监控方案,但两者并不分离,因为一个用户在操作应用过程中如 ...

  6. 前端aes加密_前端安全攻防解析

    知识点列表: CSRF 攻击 XSS攻击 HTTPS 程序员必须要了解的web安全 - 掘金 若愚:「每日一题」CSRF 是什么? [基本功] 前端安全系列之一:如何防止XSS攻击? [基本功] 前端 ...

  7. sketch如何做设计稿交互_设计干货 | Sketch 的交互插件强势更新,再也不用为跳转的事发愁了!...

    可能很多人对 InVision 是做什么的不太清楚,这里稍微科普一下,除去需要 VPN 来提速(不是被墙),这家公司应该是目前所有原型工具中最优秀的,没有之一.无论是对于产品的理解.体验的设计,还是对 ...

  8. 利用Bmob云后端云函数实现移动应用与数据库的数据交互

    关于我,欢迎关注 csdn博客:ccapton(http://blog.csdn.net/ccapton) 微信:Ccapton Github: (https://www.github.com/cca ...

  9. php和python交互-PHP与Python进行数据交互

    最近,决定在一个项目用tp5进行APP接口开发,用Python做数据分析,然后这就面临一个问题:PHP和Python如何进行数据交互? 思路 我解决此问题的方法是利用了PHP的passthru函数来调 ...

最新文章

  1. 最有效阻止SSH暴力破解的方法
  2. 如何玩转CSS链接(link)知识点?
  3. HDOJ2035 人见人爱A^B
  4. android堆叠效果相册_CSS实现照片堆叠效果
  5. python基本代码教程-python基础教程第三版源代码
  6. Github上如何找到自己想要的开源项目(小技巧:精确搜索)
  7. 「代码随想录」96.不同的二叉搜索树【动态规划】详解!
  8. HyperLedger的共识( Consensus)
  9. 文献管理三剑客之Mendeley最新版使用小记
  10. Vulkan::0.0::开始于VulKanSDK(Getting Started with the Vulkan SDK)
  11. Window10问题一揽子解决方案(自动唤醒,自动更新,卸载自带office16,华硕卸载myasus以及myasus频繁提示更新,停用WindowDefender)
  12. IO设备错误,无法运行此项请求,要怎样寻回数据
  13. 如何在Android上安装LineageOS
  14. C# 16进制与2进制互转
  15. el-menu菜单下划线解决办法
  16. 【vue】Layim 配置请求头参数
  17. Win11终端管理员打不开解决方法
  18. 根据起始日期、起始时间、终止日期、终止时间计算天数
  19. veracrypt 创建文件型加密卷
  20. 【VulnHub靶场】——CFS三层靶机内网渗透实操

热门文章

  1. java 一个用户在同一时间只能登录一次的绝佳解决方案
  2. WPS 或execle 使用技巧
  3. webpack之source map
  4. idea 去绿色波浪线
  5. JavaScript-数据类型转换与表达式运算符
  6. 铁三角在-PL60全自动皮带驱动转盘
  7. servlet过滤器中的注解配置详解
  8. 《编译原理》复习第1章~第5章
  9. 如何处理管理中的两难问题?
  10. STM32cubeIDE学习汇总(二)----外部中断控制LED和流水灯