JavaScript获取指定网站状态码查询代码（2种实现方法）

功能介绍：利用JavaScript获取指定网址的状态码，下面web建站小编给大家简单介绍一下具体实现代码！

方法一：使用fetch API

function submit(){
    let url = document.getElementById('url').value;
    if(url === ''){
        alert("请输入目标网址!");
        return
    }
    fetch(url, { method: 'HEAD' }) // 使用 HEAD 方法减少数据传输
    .then(response => {
      document.getElementById('statuscode').innerHTML = response.status
    })
    .catch(error => {
      document.getElementById('statuscode').innerHTML = '获取状态码失败'
    });
};

方法二：使用XMLHttpRequest

function checkWebsiteStatus(url) {
  var xhr = new XMLHttpRequest();
  xhr.open('HEAD', url, true); // 使用 HEAD 方法减少数据传输
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4) {
      console.log(`Status Code: ${xhr.status}`);
      console.log(`Status Text: ${xhr.statusText}`);
    }
  };
  xhr.send();
}

// 示例用法
checkWebsiteStatus('https://www.example.com');