首页 > 其他分享 >js原生get请求

js原生get请求

时间:2023-01-04 19:35:27浏览次数:64  
标签:原生 get request 接口 js json var data

var request = new XMLHttpRequest();
    //请求种类和地址和.......(屑阿狗忘了,但暂时没用
    request.open('GET', '这里填写接口地址', true);
    //返回格式,json是js对象的存储
    request.responseType = 'json';
    //请求成功后做啥
    request.onload = function () {
    //定义变量'date'为返回的json对象
    var data = this.response;
    //返回‘data’
    console.log(data);
    };

  好了,注释终于写好了!(大舒一口气
现在我们实际应用
1.找api接口
bing搜索一言免费api接口

随便找一个进去(如果不免费或觉得不好可以换一个,很多接口的。而且也可以根据一个作者找到很多好用的api)
记得看使用文档,很有帮助

这时候我们知道接口

var request = new XMLHttpRequest();
    //请求种类和地址和.......(屑阿狗忘了,但暂时没用
    request.open('GET', 'https://v1.hitokoto.cn/', true);
    //返回格式,json是js对象的存储
    request.responseType = 'json';
    //请求成功后做啥
    request.onload = function () {
    //定义变量'date'为返回的json对象
    var data = this.response;
    //返回‘data’
    console.log(data);
    };

这时候我们替换接口地址,写到文件里运行一下。
完美,可以运行!
第二期讲处理对象

原文

转自:另一个平台上的我

 

标签:原生,get,request,接口,js,json,var,data
From: https://www.cnblogs.com/dogkun/p/17025792.html

相关文章

  • 《C语言程序设计》1.5while(getchar()!=EOF)与xcode的适配问题
    最近在复习C语言,《C语言程序设计》1.5字符输入/输出部分涉及到如下代码:while(getchar()!=EOF)输入一段字符串并回车后发现无法跳出while循环。首先尝试用键盘输入EOF,......
  • JS获取字符串长度的常用方法,汉字算两个字节
    JS获取字符串实际长度(双字节字符、汉字算两个字符)//第一种GetLength=function(str){varrealLength=0;for(vari=0;i<str.length;i++){......
  • 云原生周刊 | 人类、机器人与 Kubernetes
    近日Grafana官网发表了一篇博客介绍了2022年比较有意思、脑洞大开的一些Grafana使用案例,比如监控特斯拉Model3的充电状态、OTA更新状况等等。海事技术供应商R......
  • 从零开始学node.js笔记 03
    一、模块的加载机制1、优先从缓存中加载模块在第一次加载后会被缓存,这也意味着多次调用require()不会导致模块的代码被执行多次。注意:不论是内置模块、用户自定义模块、还是......
  • 《安富莱嵌入式周报》第291期:分分钟设计数字芯片,单片机版JS,神经网络DSP,microPLC,FatFS
     视频版:​​​https://www.bilibili.com/video/BV1Dd4y1b74x​​1、英飞凌推出双核M7+M0芯片XMC7000,8MBFlash,1MBRAM,2.7-5.5宽电压,10个CANFD,20通道LIN-UART,96通道12bitA......
  • 深入浅出简单JS加密解密案例
    加密是指使用密钥将明文(未加密的信息)转换为密文(无法被读取的信息)的过程。解密则是指使用相同的密钥将密文转换回明文的过程。JavaScript提供了一种内置的加密方法,称为​​......
  • JSR303校验 在实体类上的应用
    首先在实体类上添加注解@Validated在需要校验的字段上添加需要的注解可能出现的错误导入对应依赖可以解决<dependency><groupId>org.hibernate</groupId><ar......
  • 关于HTTP GET请求的url中文参数编码
    场景:前端用JS构造了一个GET请求,携带了一个中文的参数,通过SpringMVC传到后台以后解析中文是乱码。1.发送请求,从浏览器中捕获到http的请求内容如下:1RemoteAddress:[::......
  • mock.js模拟数据
    1.npm install mockjs2.在src目录下创建个mock文件夹3.mock文件夹下准备json数据(json数据必须格式化,不能留有空格)json需要的图片资源放在public文件夹下,会随dist打包原......
  • js 日期格式化
    1.给Date对象添加format方法,date类型的对象即可使用格式化方法(注意需要引入main.js中)Date.prototype.format=function(fmt){leto={"M+":this.getMonth(......