控制台发送get请求的两种方法

最新推荐文章于 2024-07-11 20:39:45 发布

西柚柚柚柚柚

最新推荐文章于 2024-07-11 20:39:45 发布

阅读量274

点赞数 3

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/FwQHnp/article/details/139711588

版权

1，fetch形式


let id = '123'
let urlGet = 'https://www.baidu.com?id=' + id
fetch(urlGet)
    .then(response => {
        if (!response.ok) {
            throw new Error('请求失败: ' + response.status);
        }
        return response.json();
    })
    .then(data => {
        console.log('Success:', data);
    })
    .catch(error => console.error('发生错误:', error));

2，xhr形式

let chapterId = 1;
let tpcId = 22;
let urlGet = 'https://www.baidu.com/?id=' + chapterId + '&tpcId=' + tpcId;

let xhr = new XMLHttpRequest();
xhr.open('GET', urlGet, true);

xhr.onload = function() {
    if (xhr.status >= 200 && xhr.status < 300) {
        let data = JSON.parse(xhr.responseText);
        console.log('Success:', data);
    } else {
        console.error('请求失败: ' + xhr.status);
    }
};

xhr.onerror = function() {
    console.error('发生错误');
};

xhr.send();