谷歌浏览器通过network模拟HTTP中的GET/POST请求获取response-Toy模板网

这篇具有很好参考价值的文章主要介绍了谷歌浏览器通过network模拟HTTP中的GET/POST请求获取response。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

1、F12打开network选中需要模拟的方法Copy->Copy as fetch

谷歌浏览器通过network模拟HTTP中的GET/POST请求获取response,JavaScript,javascript,谷歌浏览器

2、通过AI帮你进行转换一下调用格式

原代码

fetch("https://mp.amap.com/api/forward/aggregate?mtop.alsc.kbt.intergration.toolkit.call.queryCallBlockInfo", {
  "headers": {
    "accept": "application/json",
    "accept-language": "zh-CN,zh;q=0.9",
    "content-type": "application/json;charset=UTF-8",
    "sec-ch-ua": "\"Not_A Brand\";v=\"8\", \"Chromium\";v=\"120\", \"Google Chrome\";v=\"120\"",
    "sec-ch-ua-mobile": "?0",
    "sec-ch-ua-platform": "\"Windows\"",
    "sec-fetch-dest": "empty",
    "sec-fetch-mode": "cors",
    "sec-fetch-site": "same-origin"
  },
  "referrer": "https://mp.amap.com/biz/crm/exhibition/private",
  "referrerPolicy": "strict-origin-when-cross-origin",
  "body": "{\"requests\":[{\"action\":\"mtop.alsc.kbt.intergration.toolkit.call.queryCallBlockInfo\",\"param\":{\"targetId\":\"202203178800000011705304827Z1E80\",\"businessOperateType\":\"CREATE_ORDER\",\"targetType\":\"LEADS_ENTITY\",\"bizChannel\":\"CRM\"},\"requestType\":\"msePc\",\"extraHeader\":{}}]}",
  "method": "POST",
  "mode": "cors",
  "credentials": "include"
});

通过文心一言转换(有条件的可以用ChatGPT)

问题：帮我转换为js

转换之后的代码

fetch("https://mp.amap.com/api/forward/aggregate?mtop.alsc.kbt.intergration.toolkit.call.queryCallBlockInfo", {  
  method: "POST",  
  headers: {  
    "Accept": "application/json",  
    "Accept-Language": "zh-CN,zh;q=0.9",  
    "Content-Type": "application/json;charset=UTF-8",  
    "Sec-Ch-UA": "\"Not_A Brand\";v=\"8\", \"Chromium\";v=\"120\", \"Google Chrome\";v=\"120\"",  
    "Sec-Ch-UA-Mobile": "?0",  
    "Sec-Ch-UA-Platform": "\"Windows\"",  
    "Sec-Fetch-Dest": "empty",  
    "Sec-Fetch-Mode": "cors",  
    "Sec-Fetch-Site": "same-origin"  
  },  
  referrer: "https://mp.amap.com/biz/crm/exhibition/private",  
  referrerPolicy: "strict-origin-when-cross-origin",  
  body: JSON.stringify({  
    requests: [  
      {  
        action: "mtop.alsc.kbt.intergration.toolkit.call.queryCallBlockInfo",  
        param: {  
          targetId: "202203178800000011705304827Z1E80",  
          businessOperateType: "CREATE_ORDER",  
          targetType: "LEADS_ENTITY",  
          bizChannel: "CRM"  
        },  
        requestType: "msePc",  
        extraHeader: {}  
      }  
    ]  
  }),  
  mode: "cors",  
  credentials: "include"  
})  
.then(response => response.json())  
.then(data => console.log(data))  
.catch((error) => console.error("Error:", error));

3、拿到response返回结果data值

{
	"success": true,
	"data": [{
		"result": true,
		"code": "00000",
		"message": "调用成功",
		"version": "1.0",
		"timestamp": "1705564175452",
		"success": true,
		"msgInfo": "调用成功",
		"msgCode": "SUCCESS",
		"traceId": "213370a117055641752194003ea27f",
		"data": {
			"bdCallConfig": {
				"fromPhone": "19999999999"
			},
			"callTarget": {
				"targetName": "商丘苹果旗舰店",
				"targetId": "202203178800000011705304827Z1E80",
				"targetSubId": "B0FFFFZ1E8",
				"toPhoneShield": "18888888888"
			},
			"channel": "RONG_LIAN_YUN"
		}
	}],
	"code": "00000"
}

比如我这边想获取到toPhoneShield的值

老规矩通过文心一言提问(有条件的可以用ChatGPT)

问题：帮我用js获取到toPhoneShield

结果如下：文章来源地址https://www.toymoban.com/news/detail-816561.html

const jsonString = `  
{  
  "success": true,  
  "data": [{  
    "result": true,  
    "code": "00000",  
    "message": "调用成功",  
    "version": "1.0",  
    "timestamp": "1705564175452",  
    "success": true,  
    "msgInfo": "调用成功",  
    "msgCode": "SUCCESS",  
    "traceId": "213370a117055641752194003ea27f",  
    "data": {  
      "bdCallConfig": {  
        "fromPhone": "19999999999"  
      },  
      "callTarget": {  
        "targetName": "商丘苹果旗舰店",  
        "targetId": "202203178800000011705304827Z1E80",  
        "targetSubId": "B0FFFFZ1E8",  
        "toPhoneShield": "18888888888"  
      },  
      "channel": "RONG_LIAN_YUN"  
    }  
  }],  
  "code": "00000"  
}  
`;  
  
const data = JSON.parse(jsonString);  
const toPhoneShield = data.data[0].data.callTarget.toPhoneShield;  
console.log(toPhoneShield); // 输出: 18888888888

到了这里，关于谷歌浏览器通过network模拟HTTP中的GET/POST请求获取response的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！