精华内容
下载资源
问答
  • 一、前后端通信 1.初识前后端通信 a.前后端通信是什么 前端和后端数据交互的过程 浏览器和服务器之间数据交互的过程 b.后端向前端发送数据 例如:访问页面 c.前端向后端发送数据 例如:用户注册 2.前后...

    一、前后端通信

    1.初识前后端通信

    a.前后端通信是什么

          前端和后端数据交互的过程

          浏览器和服务器之间数据交互的过程

    b.后端向前端发送数据

          例如:访问页面

    c.前端向后端发送数据

          例如:用户注册 

     

    2.前后端通信的过程与概念理解

     a.前后端通信的过程

          前后端的通信是在‘请求-响应’中完成的

    b.概念解释

          前端:浏览器端

          后端:服务器端

          客户端:只要能和服务器通信的就叫客户端

          例如通过命令行工具向慕课网发送请求:

          curl https:www.imooc.com

    截图如下:

     

    3.前后端通信方式

    i.使用浏览器访问网页

         在浏览器地址栏输入网址,按下回车

     

    ii.HTML 的标签

          浏览器在解析 HTML 标签的时候,遇到一些特殊的标签,会再次向服务器发送请求,例如:link/img/script/iframe等

    例子:

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8" />
        <title>前后端的通信方式</title>
        <link rel="stylesheet" href="./index.css" />
    </head>
    
    <body>
    
        <img src="./index.png" alt="" />
    
        <script src="./index.js"></script>
        <!-- 
        i.使用浏览器访问网页
          在浏览器地址栏输入网址,按下回车
    
        ii.HTML 的标签
          浏览器在解析 HTML 标签的时候,遇到一些特殊的标签,会再次向服务器发送请求
          例如:link/img/script/iframe等
    
          还有一些标签,浏览器解析的时候,不会向服务器发送请求,但是用户可以使用他们向服务器发送请求
          例如:a/form
    
        iii.Ajax 和 Fetch 
      -->
        <script>
        </script>
    </body>
    
    </html>

          还有一些标签,浏览器解析的时候,不会向服务器发送请求,但是用户可以使用他们向服务器发送请求, 例如:a/form

    例子:

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8" />
        <title>前后端的通信方式</title>
        <link rel="stylesheet" href="./index.css" />
    </head>
    
    <body>
        <a href="https://www.imooc.com">慕课网</a>
    
        <form action="https://www.imooc.com" method="post">
            <input type="text" name="username" placeholder="用户名" />
            <input type="password" name="password" placeholder="密码" />
            <input type="submit" value="注册" />
        </form>
    
       
    
        <script src="./index.js"></script>
        <!-- 
        i.使用浏览器访问网页
          在浏览器地址栏输入网址,按下回车
    
        ii.HTML 的标签
          浏览器在解析 HTML 标签的时候,遇到一些特殊的标签,会再次向服务器发送请求
          例如:link/img/script/iframe等
    
          还有一些标签,浏览器解析的时候,不会向服务器发送请求,但是用户可以使用他们向服务器发送请求
          例如:a/form
    
        iii.Ajax 和 Fetch 
      -->
        <script>
        </script>
    </body>
    
    </html>

    当点击a标签后才会向服务器发送请求:

    当点击“注册”按钮后才会向服务器发送请求:

    iii.Ajax 和 Fetch 

    后续讲解

    展开全文
  • 小程序前后端通信

    2018-11-13 21:49:10
    小程序前后端通信
  • ueditor百度富文本编辑器--前后端通信相关配置
  • 文章目录前后端通信与HTTP协议一、前后端通信1、认识前后端通信2、前后端通信过程与概念解释3、前后端的通信方式二、HTTP协议1、认识HTTP2、HTTP报文3、HTTP方法4、GET和POST方法的对比5、HTTP状态码 前后端通信与...

    前后端通信与HTTP协议

    一、前后端通信

    1、认识前后端通信

    在这里插入图片描述
    在这里插入图片描述

    2、前后端通信过程与概念解释

    在这里插入图片描述
    在这里插入图片描述

    3、前后端的通信方式

    在这里插入图片描述
    在这里插入图片描述

    二、HTTP协议

    1、认识HTTP

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    2、HTTP报文

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    3、HTTP方法

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    4、GET和POST方法的对比

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    5、HTTP状态码

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • flask前后端通信流程

    2018-10-16 21:45:31
    flask前后端通信流程flask前后端通信流程1.后端刷新页面的流程2.前端刷新页面的流程 flask前后端通信流程 对于服务器开发工程市来说,前端页面的刷新分后端刷新和前端刷新。后端刷新的实现是通过模板+数据的方式实现...

    flask前后端通信流程

    对于服务器开发工程市来说,前端页面的刷新分后端刷新和前端刷新。后端刷新的实现是通过模板+数据的方式实现的。前端的刷新的实现是通过jQuery的Ajax+jQuery动态加载HTML、CSS方式实现的。
    不管后端刷新还是前端刷新,他们都是需要通过HTTP/HTTPS通信协议这种协议实现数据通信,使用请求和响应完成一次完整的Web通信过程。
    

    1.后端刷新页面的流程

    1. 实现服务器的API接口文档;
    2. 使用Flask实现Web服务器应用程序的构建;
    3. 实现前端请求的URL,声明对应Route路由,一般情况下,一个URL对应一个路由;
    4. 实现对应路由的视图函数,每个视图函数都需要对应一个视图容器(模板),在这个视图函数中进行数据+模板的方式进行服务器的响应;
    5. 实现对应模板,模板是通过jinjia2第三方插件的方式,使用模板语法来实现数据的动态显示;

    2.前端刷新页面的流程

    1. 实现服务器的API接口文档;
    2. 使用Flask实现Web服务器应用程序的构建;
    3. 使用JS或者jQuery获取标签数据,生成并保存数据;
      在这里插入图片描述
    4. 使用jQuery中的Ajax生成请求将前端数据传送给对应的URL;
      在这里插入图片描述
    5. .URL对应的路由的视图函数收到数据进行数据比对,返回respond(包括可判断的条件数据以及前端请求数据);
      在这里插入图片描述
    6. 使用Ajax接受数据进行判断跳转页面并且渲染页面;
    展开全文
  • Angular前后端通信

    千次阅读 2018-07-11 13:07:12
    今天第一次成功的完成了前后端通信问题:将数据库的数据传输到了前端显示,现在回头看确实是很简单,而且框架也是现成的,我只是将旧的版本中的代码迁移至新的版本中来,这就分为了前端和后端两部分,之前觉得困难重重,...

    今天第一次成功的完成了前后端的通信问题:将数据库的数据传输到了前端显示,现在回头看确实是很简单,而且框架也是现成的,我只是将旧的版本中的代码迁移至新的版本中来,这就分为了前端和后端两部分,之前觉得困难重重,是因为完全小白,什么都不懂,不了解JavaScript,不了解angular,不了解数据库的存储过程,不了解服务端的代码含义,基本是连代码都看不懂是什么意思,完全的靠试错来做这项工作.

    好在时间充足,中间也不断的补习各方面知识,看教程,看视频,看博客,报错了各种百度Google,在修改bug的时候顺便了解了这个问题是出在了什么地方,是代码书写的问题,还是路由未引入的问题,还是组件引用的问题,还是未声明问题,还是未安装angular module问题等等,之前一直希望有人能带我走出这一步,慢慢过来,还是自己趟过来了(之前老师带着做了一步,这一步对于代码理解相当重要,不然可能自己需要多花3-5个工作日来理解),总结来说,这段时间的学习其实并不扎实,反而很多都是模棱两可的,所以导致了上路的艰难,但是没有上路也不会知道哪些是有用知识,任重道远,上下而求索.

    (趁着中午先写一下个人总结,之后补上通信总结)

    展开全文
  • Flask Socketio前后端通信问题

    千次阅读 2017-09-15 21:37:44
    最近在用socketio进行前后端通信时遇到一个问题:前端可以向后台发送数据,但是后台却无法把数据发送到前端。 前端采用socketio 后台使用falsk-socketio
  • 实现前后端通信的几种方式

    千次阅读 2020-05-07 10:46:41
    前后端通信 前后端实现通信的方式,即实现数据交互,靠的是HTTP(或者其他衍生类型,例如SSE、WS) 前端能发起HTTP请求的方式: 1、服务端渲染 谈起服务端渲染,对于动态服务而言,这个世界上跑的大多数页面都经过...
  • 前后端通信:WebSocket之实时监控

    千次阅读 2020-06-23 23:28:29
    前后端通信:WebSocket之实时监控一、前言二、前端之路 一、前言 WebSocket是一种比http更高级的协议,它主要解决http单向、无状态、半双工的缺点,一次握手就可以让服务器和客户端之间实现连续不断的、双向的、...
  • Axios+Express简单实现前后端通信

    千次阅读 2019-02-05 19:45:20
    今天实现了一个登录功能,为了实现登录功能,得先打通前后端通信。前端已经写好了,而后端的接口迟迟不来,心急之下,就想着自己模拟一个后端服务器试试,算是体验了一把全栈的快感。感叹一句,当初发明Node.js的人...
  • spring websocket实现前后端通信

    万次阅读 多人点赞 2018-07-10 17:00:22
    项目要用websocket实现一个前后端实时通信的功能,做完之后感触颇多,写个博客回顾下整个历程,也希望能给后面的同志有点帮助。我使用springmvc的websocket组件,官网地址:点击打开链接示例内容:用户登陆之后往...
  • 前后端通信,Stream流

    2019-06-24 08:36:33
    前端通信 基于后端的通信( 后端通信 )( pc端用 ) ...使用终端( shell )作为客户端 思维流程 基于H5的webSocket来完成( 应用...前后端分离 、 前后端不分离 市场流行: 前后端分离 前后端分离好处: 开发方...
  • java使用websocket前后端通信实现

    万次阅读 2018-07-05 11:58:07
    WebSocket是客户端和服务器的一个通信,WebSocket分为客户端和服务端,所以我们两个都要开发,前端的WebSocket在卖家订单管理界面的js代码里,会进行一个监听,一旦微信点餐的前端对服务端产生一个新的订单,...
  • js 前后端通信与安全

    2017-09-09 18:57:05
    什么事同源策略及限制 协议,域名,端口有个不一样,也就是源不一样就是跨域。...前后端如何通信 1、ajax同源下面的通信方式 2、websocket不限制同源策略 3、cors支持同源通信也支持跨域通信 如何创建ajax 跨域通信
  • 前后端通信双向加密

    2019-04-08 13:49:34
    1.AES AES高级加密标准,是一中最常见的加密算法。加密和解密使用相同的密钥。 2.RSA RSA是一种非对称加密,非对称加密算法需要两个密钥,即公开密钥和私有密钥。公钥加密的用私钥解密,私钥加密的用公钥解密。...
  • webSocket 介绍 ...使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据...
  • websocket通信是很好玩的,也很有用的的通信方式,使用方式如下: 第一步由于springboot很好地集成了websocket,所以先在在pom.xml文件中引入依赖 <dependency> <groupId>org.springframework....
  • JS通过WebSocket实现前后端通信实例

    万次阅读 2018-12-28 19:07:34
    WebSocket是一种网络通信协议, 一种由HTML5 开始提供的、在单个 TCP 连接上进行全双工通讯的协议。它和HTTP协议的最大区别在于:HTTP 协议是一种无状态的、无连接的、单向的应用层协议当客户端想要知道服务端的变化...
  • NULL 博文链接:https://as3.iteye.com/blog/938093
  • 前后端数据传输格式:在前后端进行通信的过程中需要规定好数据格式,这样才可以正确处理数据 一般分为两种数据格式:xml和json xml是一种可扩展标记语言,和html类似,利用标签名对数据进行标注和说明 json是...
  • 前后端通信中的 XML、JSON(浅谈)

    千次阅读 2018-02-08 11:35:44
    一、XML 简介: XML 是一种数据交互格式,特定格式的字符串; 虽然可以传输、存储 复杂数据,但是其解析过于复杂并且体积较大: 使用 XML进行数据交互,需要先将 XML 解析成 DOM文档,再从中提取数据;...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 45,888
精华内容 18,355
关键字:

前后端通信