请问html的js调用webapi接口

请问html的js调用webapi接口,第1张

引用jquery,有很方便的GET调用方法:

<!DOCTYPE html>

<html>

<head>

    <meta >

假设你用来保存api获取的东西的变量叫做json

那么var json={"url":"这里链接"}

那么

流程是创建一个img标签展现,然后把这个追加到body里面

var img = documentcreateElement("img");

imgsrc = jsonurl;

documentbodyappend(img)

最近想做个ONE的小程序,本来打算直接寻找现成的API接口,无奈网上的大部分都不符合自己需求。

于是在浏览官网的过程中,进行数据包拦截分析,最终分析出官方的API请求地址以及其他注意事项。

抓取流量,发现有一个json api请求:

它会返回如下数据:

然后再页面滚动,会自动加载下一页API数据,地址是这样的:

可能你已经看出来了,这个 /ajaxlist/2088 后边的数字,是我们第一次 /ajaxlist/0 请求得到的数据列表的最后一个数据id

所以我们通过这样,就能无限地加载下一页数据了。

当然,前边的请求地址中的 _token 参数是必须的,也是随机的(每个浏览器中所生成的都不同)

那我们从哪获取呢?

在html源码里

就这么结束了吗?

不是的!我们获取到了token,但是请求的时候,会直接返回错误的数据:

这是为什么呢?

经过多次尝试,发现了问题所在:

所以,我们还得去获取到 _token 对应的 Cookie ,然后在请求的时候加上,就可以了。

当然上述的 _token 和 Cookie 获取可以在一次请求中完成,因为第一次请求,会返回一个 Set-Cookie 的header:

所以我们直接封装一个 apijs :

调用方法:

以上就是关于请问html的js调用webapi接口全部的内容,包括:请问html的js调用webapi接口、如何使用 HTML5 的 Notification API、怎么获取这个api的链接输出图片到HTML上啊等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/10129268.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-05
下一篇2023-05-05

发表评论

登录后才能评论

评论列表(0条)

    保存