vue前端抓包抓不上json

vue前端抓包抓不上json,第1张

在 Vue 前端抓包抓不到 JSON 数据可能有以下原因:

网络请求被浏览器缓存了:浏览器会自动缓存静态资源,如果请求的 JSON 数据已经被缓存了,那么抓包工具就无法捕捉到这个请求的数据。可以尝试清空浏览器缓存或在浏览器开发者工具中设置禁用缓存。

网络请求被 >

JSON 数据是通过 WebSocket 或其他协议传输的:如果你的应用使用了 WebSocket 或其他协议进行数据传输,那么常用的 >

请求的 JSON 数据格式错误:如果请求的 JSON 数据格式错误,那么服务器可能会返回错误信息而不是 JSON 数据,此时抓包工具也无法捕捉到 JSON 数据。可以使用浏览器开发者工具查看请求和响应的信息,确认请求格式是否正确。

angularjs读取json中的某个字段的方法是利用json的api实现的。

思路:先把js字符串转化成json结构,然后利用取属性运算符获取各个属性。

1、例如有以下json数据:

var

data

=

{

"resultList":

[

"{\"lookupKey\":2,\"clientKey\":1,\"codeName\":\"ApplicationAppType\",\"codeValue\":\"ApplicationType2\",\"codeDesc\":\"##\",\"updatedBy\":null,\"internalCodeName\":\"ApplicationAppType\"}",

"{\"lookupKey\":3,\"clientKey\":1,\"codeName\":\"ApplicationClass\",\"codeValue\":\"Tier

1\",\"codeDesc\":\"Critical

Application

requiring

immediate

response

in

case

of

a

disruption

of

Service\",\"updatedBy\":null,\"internalCodeName\":\"ApplicationClass\"}"

]

};

2、利用angularfromJson解析代码如下:

$scoperesult

=

[

angularfromJson(dataresultList[0]),

angularfromJson(dataresultList[1])

];

alert($scoperesult[0]codeName);

结果是:ApplicationClass

3、这样就获取到了json字符串中的codeName的值。

点击“下载”按钮,会把文本域中的内容全部作为一个html后缀文件下载下来,各流程效果如下面几张图:

下载按钮点击示意

出现下载确认框(根据浏览器的设置不同也可能直接下载),然后名称默认就是testhtml。

默认就是testhtml名称

然后对应保存目录就多了个类似下图的文件:

保存好的testhtml文件截图示意

双击该testhtml文件可以在浏览器中正常浏览,说明,保存信息无误。

testhtml在浏览器中访问的效果

触发下载的JS代码就几行:

对于非文本文件,也是可以直接JS触发下载的,例如,如果我们想下载一张,可以把这张转换成base64格式,然后下载。

代码示意:

不止是html文件,txt, json等只要内容是文本的文件,都是可以利用这种小技巧实现下载的。

在Chrome浏览器下,模拟点击创建的<a>元素即使不append到页面中,也是可以触发下载的,但是在Firefox浏览器中却不行,因此,上面的funDownload()方法有一个appendChild和removeChild的处理,就是为了兼容Firefox浏览器。

download属性从Edge13开始支持,理论上,edge也应该支持直接JS触发的浏览器文件下载,但我手头上并无相关浏览器,无法确定真实情况如何,欢迎有条件的小伙伴帮忙测下告知结果。

就这些吧,感谢阅读!

,参考例子如下:

<html>

<head>

<title>JS *** 作文本文件</title>

</head>

<body>

<script>

var arr = 1;

function Write2Text()

{

var fso = new ActiveXObject("ScriptingFileSystemObject");

var f = fsoCreateTextFile("atxt", true);

fwrite(arr);

fClose();

}

</script>

<input type=button value="Write" onclick="Write2Text()">

<script>

function GetHeader(src) {

var ForReading=1;

var fso=new ActiveXObject("ScriptingFileSystemObject");

var f=fsoOpenTextFile(src,ForReading);

return(fReadAll());

}

function ReadText(){

var arr=GetHeader("atxt")split("\r\n");

for(var i=0;i<arrlength;i++){

alert("第"+(i+1)+"行数据为:"+arr[i]);

}

}

</script>

<input type=button value="Read" onclick="ReadText()">

</body>

</html>

以上就是关于vue前端抓包抓不上json全部的内容,包括:vue前端抓包抓不上json、angularjs怎么读取json中的某个字段、JS如何在本地读取json等文件等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/sjk/9723708.html

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

发表评论

登录后才能评论

评论列表(0条)

保存