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');

如何利用js语法将2个数组进行交叉合并

利用js语法把数组根据相同key转换成嵌套数组格式

利用JS把数组里面的数据自动生成table表格（5个一行）

利用js语法实现数组排序和反转

js语法如何实现列表移动效果

标签： javascript函数, js语法

上面是“JavaScript获取指定网站状态码查询代码（2种实现方法）”的全面内容，想了解更多关于 js 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_20278.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！