如何在Fetch请求中添加alert提示，成功/异常分别弹出对应消息

你只需在现有代码的两个逻辑分支中补充alert调用即可实现需求：

• 响应状态为200的成功分支：添加登录成功的alert提示
• catch错误捕获分支：添加登录失败的alert提示，直接抛出错误信息即可

修改后的完整代码如下：

function LoginUser() {
    const requestOptions = {
      method: 'POST',
      headers: { 
        'Content-Type': 'application/json',
        'Accept': 'application/json'
      },
      body: JSON.stringify({ "username": username, "password": password })
    };
    fetch('http://localhost:8080/abc', requestOptions)
    .then((response) => {
      if(response.status === 200){
        console.log('succesfull');
        // 新增成功提示
        alert('登录成功');
      } else {
        throw new Error('无效的账号或密码');
      }
    })
    .catch((err) => {
      console.log(err);
      // 新增错误提示
      alert('登录失败：' + err.message);
    });
}

补充说明：
如果需要适配所有标准成功响应状态（200~299区间，比如201创建成功、204无内容等场景），可以将判断条件response.status === 200替换为response.ok，该属性会自动识别响应是否属于成功区间。

内容的提问来源于stack exchange，提问作者bindu shree