假设：点击“提交”按钮时，发送异步请求，请求的目标uri是"/sayHi", 参数为name，它的值是“web” （1）使用原生JavaScript发送get请求，响应结果为“Hi， web2022”，显示在控制台 （2）使用原生JavaScript发送post请求，响应结果为JSON串{ "msg", "Hello， 20th grade”}，将msg属性值显示在弹窗中 要求：代码中注明必要的注释。

很好，我明白了您的要求。下面是对应的代码示例：

// 发送GET请求
const name = 'web';
const getRequestUrl = '/sayHi?name=' + name;

fetch(getRequestUrl)
  .then(response => response.text())
  .then(result => {
    console.log(result); // 控制台输出：Hi, web2022
  });

// 发送POST请求
const postRequestUrl = '/sayHi';
const postRequestBody = {
  name: 'web',
};

fetch(postRequestUrl, {
  method: 'POST',
  body: JSON.stringify(postRequestBody),
  headers: {
    'Content-Type': 'application/json'
  }
})
  .then(response => response.json())
  .then(result => {
    alert(result.msg); // 弹窗显示：Hello, 20th grade
  });

注释如下：

- 第3行：设置请求参数name的值为'web'，并拼接成GET请求的URL
- 第5-8行：使用fetch函数发送GET请求，并在成功响应后将响应结果输出到控制台中
- 第12-17行：设置POST请求的URL和请求体内容，并使用fetch函数发送POST请求。需要注意的是，需要将请求体内容指定为JSON格式，并设置`Content-Type`头部信息
- 第19-22行：在成功响应后，将响应结果解析为JSON对象，并弹窗显示其中的'msg'属性值