fetch学习笔记（一）

最新推荐文章于 2024-05-05 15:15:00 发布
最新推荐文章于 2024-05-05 15:15:00 发布
阅读量1.1k 收藏
点赞数 1
分类专栏： web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/as66708/article/details/81014265
版权

学习和使用fetch时觉得写法简便，便于逻辑编写es6嘛，但是很难用，网上资料基本上都是以node为后台的官方也是，资料不多，大多都是转发别人重复多，我这个是以java为后台所以自学摸得难受。

前段普通的get请求

body

<body>
	<div>
		<input  name="uploadFile" id="aa" type="file"/>
		
		<button id="btn">获取信息</button>
	</div>
</body>

javascript

	$(function(){
		var btn=document.getElementById('btn');
btn.οnclick=function(){
fetch('http://localhost:8080/image/FetchServlet', {
				    method: "get",
				    mode:"cors",//是否允许跨域请求，以及那些响应的属性是可读的cors默认允许跨域请求，准守cors协议。no-cors：该模式允许来自 CDN 的脚本、其他域的图片和其他一些跨域资源。前提条件是请求的 method 只能是 HEAD、GET 或 POST
最低0.47元/天 解锁文章
雪碧加弥茶
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
学习笔记（一）
weixin_44565882的博客
05-17 276
弯道限速 设置初值与当前速度平方与预瞄点曲率乘积比较 小于 则限速130 大于 根据当前阈值求得当前曲率下的速度阈值，与当前值做差，并通过每一周期最大制动减速度相比较，若小于，则减小 ...
下一代Ajax技术 — Fetch的学习与使用
小绵杨
11-23 1362
Fetch被称为下一代,采用来处理数据。是一种简洁明了的API，比更加简单易用。Fetch 是一个现代的概念，等同于 XMLHttpRequest。它提供了许多与 XMLHttpRequest 相同的功能，但被设计成更具可扩展性和高效性。 注意，Fetch是JavaScript提供的原生API，所以是可以直接使用的。
Fetch 用法
qq_44686225的博客
10-05 287
Fetch 用法 promise promise是es6中的对象 promise <->成功/失败 异步 new Promise((resolve,reject)=>{ //resolve 成功 reject 失败 resolve(num)//将会走成功的then回调 reject(num)//将会走失败的then回调 }).then((num)=...
Fetch的概述和基本使用
最新发布
liufang_imei的博客
05-05 1109
浏览器提供了原生的AJAX实现类XMLHttpRequest，基于该类实例，我们可以实现在网页上发送AJAX请求到服务端。但是XMLHttpRequest的设计并不完美，主要体现在以下几个方面：HTTP请求，响应都被耦合在XMLHttpRequest实例上，结构不够简单明了采用事件回调的方式获取HTTP响应，可能会产生回调地狱如果HTTP响应数据过大，则会占用大量内存最后一点就是，XMLHttpRequest实现AJAX的步骤太零碎了。
fetch各种报跨域错误,数据无法获取的解决方案
hahahhahahahha123456的博客
03-15 3635
1、介绍 fetch 提供了一个获取资源的接口 (包括跨域)。 fetch 的核心主要包括：Request , Response , Header , Body 利用了请求的异步特性 --- 它是基于 promise 的 2、用法 1 2 3 4 5 6 7 8 varr...
浏览器跨域方法与基于Fetch的Web请求最佳实践
weixin_34124939的博客
07-28 550
本文从属于笔者的Web前端中DOM系列文章. 同源策略与跨域 JavaScript 四种跨域方法 同源策略和跨域访问 前端跨域的整理 同源策略 可谓同源？URL由协议、域名、端口和路径组成，如果两个URL的协议、域名和端口相同，则表示他们同源。浏览器的同源策略，限制了来自不同源的"document"或脚本，对当前"document"...
Fetch 之 response
jiaoqi6132的博客
02-04 5044
1.构造函数 1.Response() 创建一个新的Response对象。 2.属性 1.Response.headers只读Response接口的只读属性headers包含与响应关联的Headers对象。 var myHeaders = response.headers; 一个Headers对象。 2.Response.ok只读Response接口的只读...
git学习笔记.zip|git学习笔记.zip
11-29
在“git学习笔记”中，我们通常会涵盖以下几个核心知识点： 1. **Git安装与配置**：首先，我们需要了解如何在不同的操作系统（如Windows、MacOS或Linux）上安装Git，并设置用户信息，包括用户名和邮箱，这些信息会...
ajax-day01.rar_达内开发学习笔记
09-20
在“ajax-day01.rar_达内开发学习笔记”这个压缩包中，包含了第一天学习Ajax的基础内容，旨在帮助初学者理解并掌握Ajax的核心概念和使用方法。** **一、Ajax简介** Ajax并不是一种单一的技术，而是一组技术的组合，...
前端课程学习笔记汇总
08-10
在前端开发领域，JavaScript是不可或缺的核心技术...这个"前端课程学习笔记汇总"涵盖了JavaScript开发的各个方面，无论是对初学者还是有经验的开发者来说，都是一个宝贵的资源，能帮助他们在前端开发的道路上不断精进。
React Native 基础学习笔记.rar
01-28
这个“React Native基础学习笔记”很可能是对这一跨平台开发技术的详细讲解和实践经验的汇总。React Native的核心理念是“Learn once, write anywhere”，即开发者只需掌握一次React的语法和概念，就能在iOS和...
个人php学习笔记。。
05-16
这篇个人PHP学习笔记主要涵盖了PHP的基础语法，旨在为初学者提供一个全面且深入的学习路径。 在PHP的学习中，首先要理解PHP的基本结构和语法规则。PHP代码通常以`开始，以`?>`结束，可以在HTML文档中自由插入。然而...
fetch的概念以及基本用法
咖啡壶的博客
03-04 1万+
fetch的概念以及基本用法
fetch详细讲解
@必意玲
07-28 2824
使用 fetch 可以方便地向服务器发送请求，并将响应返回给客户端。你可以使用 fetch 获取文本、JSON、图像和文件等数据，并进行各种处理。fetch 还支持流式传输和取消请求等高级功能，使得处理大型数据集和长时间运行的操作变得更加简单和可靠。fetch API 也是 Javascript 中常用的 API 之一，它提供了一组方法和属性，可以在浏览器端与服务器进行通信。通过 fetch API，你可以轻松地使用 fetch 协议进行数据传输，并对请求和响应进行操作和处理。
Fetch使用方法
hsany330的专栏
06-11 2万+
前言： 　　fetch是用来取代传统的XMLHttpRequest的。它的优点很多，包括链式调用的语法、返回promise等。 什么是fetch? 　　fetch api是基于promise的设计，它是为了取代传统xhr的不合理的写法而生的。 WHY fetch？ 　　xhr请求写起来非常的混乱，如下所示： var xhr = new XMLHttpRequest(...
fetch详解
宁静致远
08-17 1万+
在 JS 中使用 fetch 更加高效地进行网络请求 在前端快速发展地过程中，为了契合更好的设计模式，产生了 fetch 框架，此文将简要介绍下 fetch 的基本使用。 我的源博客地址：http://blog.parryqiu.com/2016/03/02/using_fetch_in_nodejs/ 免费的高质量软件开发视频教程 https://devopen.clu
fetch请求理解和用法
Rain022111的博客
02-23 3985
接着我们调用Promise原型上的公有方法then(), then方法接收两个函数作为参数，第一个参数是 Promise 执行成功时的回调函数resolve，（resolve函数的参数就是Response 对象，所以要明白then方法中的res其实就是Response），第二个参数是 Promise 执行失败时的回调函数reject，两个函数只会有一个被调用。：fetch()发起请求以后，只有网络错误，或者无法连接时，fetch()才会报错，其他情况都认为请求成功。如果以后有需要补充的会继续回来写的。
fetch的get和post传参
热门推荐
dylan_zeng92的博客
07-19 2万+
fetch的get和post传参用法
Ajax学习笔记pink老师
07-29
以下是一份简要的Ajax学习笔记，希望对您有所帮助： 1. 什么是Ajax？ - Ajax全称为Asynchronous JavaScript and XML（异步JavaScript和XML），是一种用于创建交互式Web应用程序的技术。 - 它通过在后台与服务器...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值