首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js读取本地json文件_jquery读取本地json文件

注:浏览器是肯定不能获取用户浏览器客户机的本地文件的,所以这个json文件和html文件是放在一个tomcat上或者nginx上的,否则会出现跨域问题 1.首先编写一个json文件:demo.json...sex":"男", "email":"lisi@123.com" }, { "name":"王五", "sex":"女", "email":"wangwu@123.com" } ] 2.js...读取json文件 window.onload = function () { var url = "demo.json"/*json文件url,本地的就写本地的位置...*/ request.send(null);/*不发送数据到服务器*/ request.onload = function () {/*XHR对象获取到返回信息后执行...,文件名 type: "GET",//请求方式为get dataType: "json", //返回数据格式为json success: function(data) {//请求成功完成后要执行的方法

21.5K50

油猴脚本重写fetch和xhr请求

写过几个油猴脚本,经常对页面请求返回的数据进行拦截或者覆盖,这篇文章就做个总结,涉及到 fetch 和 xhr 两种类型的请求。 环境搭建 先简单写个 html 页面,搭一个 koa 服务进行测试。...html 页面提供一个 id=json 的 dom 用来加数据,后边我们补充 test.js 文件请求接口。 <!...运行在本地的 3002 端口上,并且设置跨域,允许从 http://127.0.0.1:5500 访问。 油猴脚本 先简单写一个插入 我是油猴脚本的文本 的脚本,后边再进行修改。...fetch 请求 在 html 请求的 test.js 中添加 fetch 的代码。...xhr 我们将 fetch 改为用 xhr 发送请求,因为页面简单所以请求可能在油猴脚本重写之前就发送了,正常网站不会这么快,所以这里加一个 setTimeout 进行延时。

3.3K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS 逆向百例】XHR 断点调试,Steam 登录逆向

    既然是 XHR 断点,那么这种方法就只能用于 XHR 请求,这也是这种方法的缺点,通过 XHR 断点,定位到的位置通常在加密处理完成之后,已经准备发送请求了,这样的优点是我们可以跟踪栈,能比较容易地找到加密的地方...已成功断下: [03.png] 第二种方法,在 Network 面板,点击 XHR 过滤 XHR 请求,在 Initiator 项里可以看到调用的 JS,鼠标移到 JS 上,可以看到调用栈,点击第一个,...这种方法需要注意的是,XHR 过滤不一定准确,但是只要是 Initiator 项里可以看到 JS,就说明可以跟进去进行调试,如果是通过 Form 表单或者其他方式发送的请求,Initiator 项会显示...RSA 的 getPublicKey 和 encrypt 方法: [07.png] [08.png] [09.png] 将整个 rsa.js 复制下来进行本地调试,会提示 BigInteger 未定义...,鼠标放上去会看到是用到了 jsbn.js 里面的方法,如果一个一个函数去扣的话会比较麻烦,直接将整个 jsbn.js 文件代码复制下来即可: [10.png] [11.png] 完整代码 GitHub

    1.8K21

    JS】1942- 你知道 XHR 和 Fetch 的区别吗?

    特点 异步请求XHR 允许进行异步请求,它可以在后台执行,而不会阻止页面的其他操作。 支持跨域请求:通过服务器端设置允许跨域请求,从不同域的服务器获取数据。...// 创建一个新的XHR对象 const xhr = new XMLHttpRequest(); // 配置请求 xhr.open("GET", "https://api.baidu.com/test...("请求失败,状态码:" + xhr.status); } }; // 发起请求 xhr.send(); XHR 的响应处理通常在onreadystatechange事件处理程序中完成。...跨域请求: Fetch 在跨域请求方面更灵活,支持 CORS。 流式传输: Fetch 支持可读流,适用于大文件下载。 维护性: Fetch 更容易维护和扩展。...axios:一个流行的 HTTP 请求库,基于 XHR 开发,支持浏览器和 Node.js

    36510

    Dnsmasq加速本地DNS请求

    如果碰上不稳定的本地DNS,还可能经常出现无法解析的情况。...这时候搭建一个属于自己的本地DNS服务器就十分必要了,本篇文章就来分享一下Dnsmasq安装与配置方法,利用Dnsmasq来搭建一个属于自己的本地DNS服务器,享受更干净无污染、更智能快速和没有广告干扰的...3、检查一下no-hosts前面是不是已经有了#号,默认的情况下是有的,dnsmasq 会首先寻找本地的 hosts 文件再去寻找缓存下来的域名, 最后去上游dns 服务器寻找。...四、Dnsmasq使用 1、本地DNS。将Dnsmasq作为本地DNS服务器使用,直接修改电脑的本地DNS的IP地址即可。 2、应对ISP的DNS劫持。...首先将局域网中的所有的设备的本地DNS设置为已经安装Dnsmasq的服务器IP地址。然后修改已经安装Dnsmasq的服务器Hosts文件:/etc/hosts,指定域名到特定的IP中。

    5.7K20

    【笔记】跨域重定向中使用Ajax(XHR请求)导致跨域失败

    背景: 1、前端Web中有两个域名,a.com和b.com,其中a.com是访问主站(页面),b.com是数据提交接口的服务器(XHR请求) 2、a.com中用XHR调用b.com/cerate【没有指定协议...分析: 1、readtState: 0说明请求没有发出去,被浏览器拦截了,可能情况有: url格式不对 跨域失败 参数错误 用户取消 其它... 2、这里应该是跨域失败的问题,因为报错是faild to...url 3、之前没有关注过跨域重定向问题,StackOverFlow之: https://stackoverflow.com/questions/18539403/chrome-cancels-cors-xhr-upon-http...(XHR等),当跨域预检(Option请求)时,如果出现非20X等时,会直接失败,抛出readtState: 0 解决方法: 1、在Ajax中明确https协议,避免b.com预检时返回302 $.ajax...现在看来,对于简单请求,比如页面跳转、图片加载等确实是一个好的做法,但是对于后端接口请求这类,可能需要具体场景斟酌。这句话可以改为: 简单请求中不指定协议,使用//自动适配页面url的协议

    2.3K30

    flv.js 实现播放本地视频文件的技巧

    目录 问题 解决 结尾 问题 有时候某些播放器无法直接播放本地视频文件,因此需要在本地启一个 HTTP 静态服务,通过 URL 的形式实现播放目的。...比如,自己在使用 flv.js 播放本地视频文件时就遇到了这个问题。...利用静态服务就得到了一个对应视频文件的播放地址: http://172.31.13.8:8000/qrq.out.flv 二、播放 URL 播放本地视频文件的代码如下: const video...video.addEventListener('error',()=>{ console.log('播放错误') }) 替换 url 地址后,刷新播放,又遇到了另外一个问题,浏览器发起请求后没有响应...播放器播放刚才 URL 的视频文件,终于可以正常显示画面了,如下图所示: 好了,至此,flv.js 播放本地文件的方法就介绍完了,希望可以帮助大家。

    8.1K10

    Nest.js 实战 (五):如何实现文件本地上传

    前言最近在开发用户管理模块,需要上传用户头像,正好顺便把文件上传这块的功能开发了。为了处理文件上传,Nest 提供了一个内置的基于 multer 中间件包的 Express 模块。...Multer 处理以 multipart/form-data 格式发送的数据,该格式主要用于通过 HTTP POST 请求上传文件。...文件数组文件数组使用 FilesInterceptor() 装饰器,这个装饰器有三个参数:fieldName:同上maxCount:可选的数字,定义要接受的最大文件数options:同上@Post('upload...总结我只能了单个文件上传,文件数组和多个文件上传也是一样的道理,大家可自行实现。...不过现在公司业务很少用上传到服务器本地的,业务量大的话会对服务器造成压力,一般这种适合个人站点、博客使用,这里我们当做学习就行。Github:Vue3 Admin官网文档:file-upload

    9100

    requests请求cookies本地持久化

    requests请求cookies本地持久化 作者:matrix 被围观: 2,995 次 发布时间:2020-02-25 分类:Python | 2 条评论 » 这是一个创建于 918...这样如果response1登录成功,则后续请求就可以直接进行,避免手动携带Cookie Session本地持久化 现在需求是本地保存cookies信息,避免重新执行脚本的时候还要求登录。...login&tag=hhtjim.com') #触发保存会话到本地文件 session.cookies.save(ignore_discard=True, ignore_expires=True)...tag=pang) 上面操作就可以实现本地持久化存储,如果过期则会自动使用过期的Session请求续签。相对于单次会话其实就多了load和save操作,知道这基本原理也能够自己实现。...如果想要清空会话使用clear()方法即可,再save()方法执行文件保存。

    74120

    JS逆向 | 分享一个小技巧和XHR断点的小案例

    (仅限XHR请求) ? 有点经验的朋友肯定知道这次要用的就是 XHR BreakPoint。 关于XHR BreakPoint在很多文档中都有提及,咸鱼就不啰嗦了,还不是很了解的可以看下面的文档。...在分析请求之前,咸鱼分享一个调试小技巧。 今天在交流群划水的时候有几个群友比较纠结于如何判断数据是不是由js生成或异步加载的。...第二种,关闭网页的js加载功能,查看网页我们需要的数据是否能够顺利加载或者查看数据是否完整,步骤也非常简单。 第一步: 点击地址栏前端的图示位置,选择网站设置。 ?...分析请求 用上面的方法我们判断,数据是通过js加载的,并且请求的参数和返回的参数都是经过加密的。 ? ? 到这里就需要 XHR 断点帮助我们定位加密了。 定位加密位置 我们先添加一个XHR断点。 ?...把解密和解密的方法扣出来就是我们需要的js代码了。 ? 本文完。 ?

    2.5K20
    领券