如何解决获取 HTTP 请求并导航 - Chrome
这是我在 Chrome 的控制台窗口中运行的示例 POST 请求。
fetch("https://demo.wpjobboard.net/wp-login.php",{
"headers": {
"Host": "demo.wpjobboard.net:443","Content-Length": "19","Cookie": "wpjb_transient_id=1607759726-1847; wordpress_test_cookie=WP+Cookie+check","Content-Type": "application/x-www-form-urlencoded"
},"body": "log=7887&pwd=789789","method": "POST",}).then(console.log);
我需要在 chrome 中导航并查看 HTML 呈现的结果,而不仅仅是在控制台中查看一些复杂的结果。如何实现这一目标?
解决方法
Fetch 返回 promise,首先你得到的是来自你的服务器的流数据。您需要将其转换为文本或 JSON,然后才能像普通变量一样使用它。
我已将您的 URL 和选项移动到单独的变量中,以便将代码重点放在获取请求的实现上。
const url = `https://demo.wpjobboard.net/wp-login.php`
const opts = {
headers: {
'Cookie': `wpjb_transient_id=1607759726-1847; wordpress_test_cookie=WP+Cookie+check`,'Content-Type': `application/x-www-form-urlencoded`
},body: `log=7887&pwd=789789`,method: `POST`,}
fetch(url,opts)
.then(res => res.text()) // if you get json as response use: res.json()
.then(html => {
const win = window.open(``,`_blank`)
win.document.body.innerHTML = html
win.focus()
})
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。