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

javascript GET方法

在JavaScript中,要使用GET方法发送请求,您可以使用XMLHttpRequest对象或更现代的fetch API。以下是两种方法的示例:

方法1:使用XMLHttpRequest

代码语言:javascript
复制
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
        console.log(xhr.responseText);
    }
};
xhr.open("GET", "https://api.example.com/data", true);
xhr.send();

方法2:使用Fetch API

代码语言:javascript
复制
fetch("https://api.example.com/data")
    .then(response => {
        if (!response.ok) {
            throw new Error("Network response was not ok");
        }
        return response.json();
    })
    .then(data => console.log(data))
    .catch(error => console.error("There was a problem with the fetch operation:", error));

请注意,fetch API是现代浏览器中的一个较新功能,可能不支持较旧的浏览器。如果需要支持较旧的浏览器,可以考虑使用XMLHttpRequest或引入一个polyfill,例如whatwg-fetch。

在使用XMLHttpRequest时,onreadystatechange事件处理程序会在请求的不同阶段触发。当readyState为4且status为200时,表示请求已成功完成。

在使用fetch API时,您需要处理响应对象,检查响应是否成功(response.ok),然后解析响应数据(例如,使用response.json())。

请根据您的需求和目标浏览器选择合适的方法。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

1分15秒

使用request库的get方法发起GET请求

10分22秒

Java零基础-248-set方法和get方法的封装

12分7秒

02-javascript/25-尚硅谷-JavaScript-getElementsByName方法

4分19秒

02-javascript/26-尚硅谷-JavaScript-getElementsByTagName方法

16分29秒

057_尚硅谷_爬虫_urllib_get请求的quote方法

12分1秒

058_尚硅谷_爬虫_urllib_get请求的urlencode方法

50分38秒

035_EGov教程_AJAX_GET及解决GET缓存

18分34秒

2.GET 请求.avi

5分39秒

02-javascript/27-尚硅谷-JavaScript-document对象三个查询方法的使用注意事项

23分19秒

HttpClient框架get请求实战

2.6K
1分10秒

get请求和post请求区别

4分55秒

04.GET请求案例.avi

领券