![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前后端数据交互
文章平均质量分 83
前端人
专注前端开发技术分享,助力初学者更好成长
展开
-
前后端数据交互(八)——请求方法 GET 和 POST 区别
WEB 开发同学一看 get 和 post 请求方法的区别,第一感觉都是 So easy!学习ajax、fetch、axios时,发送网络请求携带参数时,都需要分别处理get和post的参数。所以我们需要学习get和post的区别,以便更好地进行前后端数据交互。get 和 post 区别你到底知道多少呢?一、GET 和 POST的区别 GET POST 后退按钮/刷新 无害原创 2021-09-14 09:18:57 · 2643 阅读 · 1 评论 -
前后端数据交互(七)——前端跨域解决方案(全)
一、什么是跨域?跨域就是非同源策略请求。1.1、什么是同源策略?同源策略(SOP)是一种约定,是浏览器最核心的也是最基本的安全功能,如果缺少了同源策略,浏览器很容易受到 XSS、CSFR等攻击。协议+域名+端口号,三者都相同时就是同源,只要有一个不同就是跨域。1.2、为什么会产生跨域?很久以前,前端一般只是切图,将设计图实现成静态网页,然后交给后端程序员,后端负责数据交互,将后端和前端代码混合开发。前端和后端是仅仅联系在一起,不便于开发和维护,后来逐步实现前后端分离,把服务器拆分成三原创 2021-09-13 10:38:54 · 1070 阅读 · 0 评论 -
前后端数据交互(六)——ajax 、fetch 和 axios 优缺点及比较
一、ajax、fetch 和 axios 简介1.1、ajaxajax是最早出现发送后端请求的技术,属于原生 js 。ajax使用源码,请点击《原生 ajax 请求详解》查看。一般使用之前,我们都需要把它们封装使用,就以 jQuery 的 ajax 为例。封装的 ajax 如下:const $ = {};$.ajax = (obj)=>{ var xhr; if (window.XMLHttpRequest) { xhr = new XMLHttpRequest(); }原创 2021-09-10 09:08:55 · 641 阅读 · 0 评论 -
前后端数据交互(五)——什么是 axios?
一、什么是 axios ?axios是基于 Promise 的 ajax 封装库,也是前端目前最流行的 ajax 请求库。简单地说发送 get、post 请求,是一个轻量级的库,使用时可直接引入。二、axios 的特点异步的 ajax 请求库。 在浏览器端和 node 端都可以使用。 支持 Promise API。 支持请求和响应拦截。 响应数据自动转换 JSON 数据。 支持请求取消。 可以批量发送多个请求。 客户端支持安全保护,免受 XSRF 攻击。三、axios API原创 2021-09-09 09:13:53 · 2744 阅读 · 0 评论 -
前后端数据交互(四)——fetch 请求详解
fetch 是 XMLHttpRequest 的升级版,使用js脚本发出网络请求,但是与 XMLHttpRequest 不同的是,fetch 方式使用 Promise,相比 XMLHttpRequest 更加简洁。所以我们告别XMLHttpRequest,引入 fetch 如何使用?一、fetch介绍fetch() 是一个全局方法,提供一种简单,合理的方式跨网络获取资源。它的请求是基于 Promise 的,需要详细学习 Promise ,请点击《 Promise详解 》。它是专门为了取代传统的 xh原创 2021-09-08 09:12:30 · 3651 阅读 · 0 评论 -
前后端数据交互(三)——ajax 封装及调用
有很多框架已经将 ajax 封装,需要的时候只需要调用就好,比如 jquery 是最常用的。我们为什么还需要学习 ajax 的封装呢?首先加强我们对ajax的认识,其次如果只是因为ajax请求需要引入框架,我们可以自己封装一个,这样就不需要引入多余的框架了。一、封装的注意点封装是为了把相同的部分都实现公用,节省资源,提高代码复用性,工作效率也高,所以需要把不同的参数事件类型等通过调用的时候传入,需要注意点有:1.1、传参发送 ajax 请求时,主要参数有:请求url 请求类型 请求参原创 2021-09-07 08:58:03 · 551 阅读 · 0 评论 -
前后端数据交互(二)——原生 ajax 请求详解
一、ajax介绍ajax 是前后端交互的重要手段或桥梁。它不是一个技术,是一组技术的组合。ajax :a:异步;j:js;a:和;x:服务端的数据。ajax的组成:异步的 js 事件 其他 js (处理解析数据) XMLHttpRequest 对象 数据(txt、json、xml、html)通过后台与服务器进行少量数据交换,ajax可以使网页实现异步更新。也就是在不需要重新加载整个网页的情况下,能够更新部分网页的技术。传统的网页不使用ajax,如果需要更新内容,必须重新加载整个页面。原创 2021-09-06 08:03:26 · 723 阅读 · 0 评论 -
前后端数据交互(一)——网络请求详解
前后端分离之后,网络请求是前端的必备技能。网络请求中浏览器工作流程,你了解多少?一、什么是HTTP协议?HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是一种通信协议,主要用于从服务器传输超文本到客户端的传送协议。我们在浏览器中输入网址(URL),然后浏览器给服务器发送一个请求,服务器收到我们的请求之后进行处理后,生成响应,携带浏览器需要的html、css、js等超文本信息,通过HTTP协议返回给浏览器,浏览器再通过解析返回的html、css、js原创 2021-09-03 08:49:30 · 936 阅读 · 0 评论