[AJAX]使用fetch发送请求

news/2024/4/19 2:26:30

fetch是浏览器原生的函数,不需要像原生AJAX新建实例就可以用于发送AJAX请求。

支持Promise获取异步的HTTP响应,和支持流式获取。

服务端代码

// 服务端准备
// 1、引入express
const express = require('express');
// 2、创建应用对象
const app = express()
// 3、创建路由规则
// request是对请求的封装
// response是对响应的封装
app.all('/server',(request,response)=>{// 设置响应头:设置运行跨域response.setHeader('Access-Control-Allow-Origin','*');response.setHeader('Access-Control-Allow-Headers','*');// 第一步:设置发给客户端的JSON格式数据var data={code:200,msg:"成功"}// 第二步:由于response.send()只能发送字符串,所以要把JSON转换成字符串data = JSON.stringify(data)// 第三步:发送数据response.send(data);
});
// 4、监听端口的启动服务
app.listen(8000,()=>{console.log("服务已启动,8000端口监听中...");
})// 5、启动服务,终端输入: node server.js基本使用.js ,启动之后在浏览器输入127.0.0.1:8000

客户端代码

fetch('http://127.0.0.1:8000/server', {// 请求方法method: 'POST',// 请求头headers: {name: 'CUYG'},// 请求体body: 'username=admin&password=admin'}).then(res => {// 返回的是promise对象// console.log(res);// 字符串形式// console.log(res.text());// JSON形式console.log(res.json());}).catch(err=>{console.log(err);})

 

 注意

 

否则会出现以下报错

 


http://www.ppmy.cn/news/755700.html

相关文章

Anker-一个研发工程师的电商梦

各位,可以去了解一下这个品牌;从研发到电商,是一件有趣的事情。 转载于:https://www.cnblogs.com/xianqingzh/archive/2013/03/28/2987264.html

swaggo无法生成swagger.json

swaggo无法生成swagger.json swaggo 的包管理还不支持gomod,也就是说需要gopath 解决方案 export GOPATH/Users/anker/Documents/go_work //设置gopathexport GO111MODULEoff //关闭gomod开关swaggo -s ./main.go -o ./conf

ubuntu下不生成core dumped文件解决办法一则

1. 什么是core dumped文件 简单讲,就是linux下的程序,在遇到空指针解引用、栈错误等原因崩溃时,bash会输出一条: 有时会是这样: Segmentation fault后面跟的那个core dumped不见了,说明没有产生core dum…

「GoTeam 招聘时间」ANKER Golang 开发工程师(深圳)

本期招聘企业——ANKER 公司简介 Anker安克是全球第一的数码充电品牌,于2011年在中国长沙创立,主营产品涵盖移动电源、充电器、数据线、蓝牙外设等智能数码周边。成立以来,Anker安克持续增加在研发上的投入,推出了多款高品质产品…

从Anker到SHEIN,对不起我要放弃Amazon了

Anker和SHEIN的爆火,可谓是近期跨境电商的一个热门话题,热到哪种程度呢?如果你是一个跨境电商公众号,你没有报道过他们,那么你就可以……GUN了。 图片 Anker、SHEIN的成功,让无数跨境电商人都眼红了&…

android 充电模式deamon_拆解报告:belkin贝尔金10W无线充电器

---- 充电头网拆解报告 第1214篇 ----- 作为苹果推荐的数码配件品牌,belkin推出了不少经典电源配件产品,无线充电器就是其中一大品类,很多配件还都上架了苹果商店。此前充电头网也陆续拆解了贝尔金的无线充电车载支架、无线充电板F7U027、贝尔…

Python opencv 输入视频进行人脸识别

Python opencv 输入视频进行人脸识别,基于opencv开源的已训练好的人脸xml import numpy as np import cv2# 调用xml,可前往github下载:[下载](https://github.com/opencv/opencv/tree/master/data/haarcascades)face_cascade cv2.CascadeCl…

etcd+confd生成配置文件

etcd etcd 是一个分布式键值对存储,设计用来可靠而快速的保存关键数据并提供访问。通过分布式锁,leader选举和写屏障(write barriers)来实现可靠的分布式协作。etcd集群是为高可用,持久性数据存储和检索而准备。 安装: a.wget h…

Anker 拓展坞连接网线经常断网问题

本人笔记本为Thinkbook 16P Gen2。 AMD R7-5800H 16G运存版本。系统最新win11系统。 注意:不想看啰嗦的话,直接看末尾的红色加粗字体。 最近工作中,遇到一个问题,知道的小伙伴都知道这款笔记本接口比较吝啬。没有网口和HDMI接口。…

近百万台共享充电宝因侵权或面临清场 街电何去何从? | 一点财经

“本来创业成功就是一件小概率事件,街电做不成可以做公益”,陈欧曾在回复王思聪关于共享充电宝项目的质疑。 一路伴着质疑前行的街电,近日在专利战上败下阵来。面对产品下架的法院判决,街电选择以小模块绕路的方式应对。 只是有…

「五福一安」大小的 18W 充电器 — Anker Nano 18W 评测

今年 iPhone 11 系列发布之前我本来要买很多周边设备,但都因为 iPhone 11 要换 USB-C 接口的传言而暂停了,结果正式发布之后 Apple 还是那个 Apple, 只给贵的 iPhone 11 Pro 系列标配了 18W USB-C 充电器,而 iPhone 11 还是 5V/1A 的祖传充电…

【备战秋招】每日一题:【2022.10.26-农业银行机试-提取ID

为了更好的阅读体检,可以查看我的算法学习网 在线评测链接:P1069 题目内容 塔子哥是一名高中数学老师,他带的班级是高三(1)班,也是全校最优秀的班级。他对学生既严格又关爱,深受学生们的尊敬和喜爱。他的…

共享充电宝之争:胜于专利,败于骂街 | 一点财经

互联网商业战场上的竞争,是明面上的真刀真枪,也是直拳式的你来我往。 最近的街电与来电间就爆发了这样的一场正面战役——这场战役起于专利,扩于产品、模式;先是法律纠纷,再是高管直接下场。 12月23日(12…

宝付:跨境的问题大集合

今年以来 在亚马逊封号潮的影响下 越来越多的跨境卖家开始布局独立站 兴起一股建站热潮 但与此同时 也有很多卖家心存疑问: 独立站好做吗? 做一个独立站需要多久? 如何选品?获取流量?用什么收款? …… 别担…

android无线充电器推荐,和安卓通用的无线充电器门派推荐

原标题:和安卓通用的无线充电器门派推荐 由一鑫创研(YMP)于2017年12月1日推出 适用于安卓等智能手机的最佳无线充电器以无拘无束的方便实现主要功耗。这是通过大量的优化和效率加入的。哦,我们提到设计吗?是的,这些也很漂亮。事实…

无线设置 用户_小米推出立式无线充电宝,无线充秒变充电宝最功率达30W

2019年小米发布了支持无线充电的小米9手机,随后同步更新了一系列无线充电配件,包括了集成了无线输出功能的小米无线充电宝,还有多款桌面立式无线充,他们都各司其职。2020年9月小米商城上架了一款全新的充电配件:“小米…

Anker 推出苹果二合一磁吸无线充电器:售价 328 元

今天,Anker 推出了一款苹果二合一磁吸无线充,支持 iPhone12 磁吸充电和 AirPods 无线充电,售价 328 元。 IT之家了解到,Anker 苹果二合一磁吸无线充可以为 iPhone 12 系列提供磁吸无线充电,最高的充电功率为 15W。下…

7、架构:模板设计

在低代码开发中,除了基础组件与物料之外,模板也是必不可少的模块,是基于物料之上的更高级的产物,除了具备业务属性之外会更偏向专属的技术领域,例如可视化大屏、数据分析、中台管理等。 此外模板通常是比较完整的应用…

【MTK】ES7210、ES7243E Driver调试

文章目录 1.概要2.整体架构流程3. ES7210、ES7243E Driver4. 调试过程中的问题点小结1.概要 由于项目需要实现 4 路MIC 以及 2 路Speaker回采输入android系统,硬件是一个ES7210用来采集4路MIC,一个ES7243E用来采集2路Speaker回采,组成类似6路麦克风输入系统。系统SoC无法支持…

iwatch 1234 代的区别

CPU频率: 1代400MHz 2代400MHz 3代600MHz 4代1024MHZ 运存: 1代128MB 2代128MB 3代256MB 4代512MB 摄像头: 1代200万像素 2代200万像素 3代320万像素 4代500万像素 其它差别: 一代 无GPS模块,不支持3G网络 二代 有GPS模…