js get方法请求url

在JavaScript中，GET 方法用于向服务器请求数据。它是一种HTTP请求方法，通常用于请求服务器上的资源，如HTML页面、图像、样式表、脚本等。GET 请求的参数会附加在URL的查询字符串中，因此对数据长度有限制，并且请求的数据对所有人可见。

基础概念

HTTP GET 请求：是HTTP协议中的一种请求类型，用于请求从指定的资源请求数据。
URL：统一资源定位符，是因特网上标准的资源的地址。
查询字符串：URL中?后面的部分，用于向服务器传递额外的参数。

优势

简单快速：GET 请求是幂等的，意味着多次执行相同的GET请求，得到的结果与第一次相同。
缓存：GET 请求可以被浏览器缓存，减少不必要的网络流量。
可书签：由于参数直接显示在URL中，GET 请求的URL可以被书签。

类型

简单GET请求：直接请求资源。
带参数的GET请求：在URL中添加查询字符串来传递参数。

应用场景

请求网页、文件、图片等静态资源。
搜索操作，将搜索关键词作为参数传递。
获取配置信息或数据列表。

示例代码

使用原生JavaScript发起GET请求：

// 创建一个新的XMLHttpRequest对象
var xhr = new XMLHttpRequest();

// 配置请求类型、URL以及是否异步处理
xhr.open('GET', 'https://api.example.com/data?key=value', true);

// 设置响应类型
xhr.responseType = 'json';

// 注册回调函数
xhr.onload = function() {
    if (xhr.status === 200) {
        // 请求成功，处理响应数据
        console.log(xhr.response);
    } else {
        // 请求失败，处理错误
        console.error('Request failed with status:', xhr.status);
    }
};

// 发送请求
xhr.send();

使用Fetch API发起GET请求：

fetch('https://api.example.com/data?key=value')
    .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 has been a problem with your fetch operation:', error);
    });