前端判断url路径是否失效
时间: 2023-08-08 10:02:10 浏览: 166
判断url是否可用
4星 · 用户满意度95%
前端判断URL路径是否失效有几种方法。
最常见的方法是使用XMLHttpRequest对象发送一个请求,然后根据返回的状态码判断URL路径是否失效。如果状态码为404,表示页面不存在,即URL路径失效。可以通过以下代码实现:
```javascript
var xhr = new XMLHttpRequest();
xhr.open("GET", "http://example.com/path/to/page", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if (xhr.status === 404) {
console.log("URL路径失效");
} else {
console.log("URL路径有效");
}
}
};
xhr.send();
```
另一种方法是使用fetch函数,它返回一个Promise对象,可以通过response的ok属性判断URL路径是否失效。如果ok为false,表示URL路径失效。可以通过以下代码实现:
```javascript
fetch("http://example.com/path/to/page")
.then(response => {
if (response.ok) {
console.log("URL路径有效");
} else {
console.log("URL路径失效");
}
})
.catch(error => {
console.log("请求错误");
});
```
此外,还可以使用Image对象的onerror事件来判断URL路径是否失效。可以通过以下代码实现:
```javascript
var img = new Image();
img.onerror = function() {
console.log("URL路径失效");
};
img.src = "http://example.com/path/to/image";
```
以上是几种常见的前端判断URL路径是否失效的方法。根据具体的需求和场景选择适合的方法即可。
阅读全文