JavaScript Ping 服务器
对于 ping URL,如果该站点有效或处于活动状态,我们将收到来自服务器的消息。如果服务器判断 URL 正在播放,它将满足条件语句。
基本驱动包括一个 ajax
代码边界,它将定义请求的配置。让我们直接检查一个例子来掌握这个概念。
在 JavaScript 中使用 Ajax
来 Ping 一个 URL
我们将使用 input 元素输入用户首选的 URL,在提交之后,onclick
属性将调用 ping()
函数。我们将在 JavaScript 代码行中设置 URL 请求的配置。
我们不会有任何外部 if-else
语句来推断响应。相反,我们将有多个 statusCode
根据服务器的响应返回语句。
代码片段 - index.html
:
<!DOCTYPE html>
<html lang="en">
<head>
<script src="index.js"></script>
<script type="text/javascript" src=
"https://code.jquery.com/jquery-1.7.1.min.js">
</script>
<title>Ping using JavaScript</title>
</head>
<body>
<label for="url">
URL you want to ping:
</label><br>
<input type="text" id="url"
name="url" style="margin: 10px;"><br>
<input type="submit" value="Submit"
onclick="ping()">
</body>
</html>
代码片段 - index.js
:
function ping() {
// The custom URL
var URL = $('#url').val();
var settings = {
cache: false,
dataType: 'jsonp',
async: true,
crossDomain: true,
url: URL,
method: 'GET',
// For response
statusCode: {
200: function(response) {
console.log('Status 200: Page is up!');
},
400: function(response) {
console.log('Status 400: Page is down.');
},
0: function(response) {
console.log('Status 0: Page is down.');
},
},
};
// Sends the request and observes the response
$.ajax(settings).done(function(response) {
console.log(response);
});
}
输出:
控制台以状态 200 响应该语句并表示该页面处于活动状态,并且此特定响应的标题为 pong。这是你 ping 特定 URL 以检查其有效性的方式。
相关文章
JavaScript 中的 Map 索引
发布时间:2024/03/20 浏览次数:197 分类:JavaScript
-
JavaScript map 方法很容易实现,我们将讨论它的不同参数,以及它们在不同场景中的使用方式。
JavaScript 中 let 和 var 的区别
发布时间:2024/03/20 浏览次数:79 分类:JavaScript
-
本教程描述了两个关键字 var 和 let 在 JavaScript 中的实际区别。
JavaScript 指针
发布时间:2024/03/20 浏览次数:166 分类:JavaScript
-
JavaScript 没有明确的方法来定义指针。它允许在对象之间传递值和引用,但不能显示引用。本文将介绍在 JavaScript 中定义指针的好方法。
JavaScript 元组示例
发布时间:2024/03/20 浏览次数:166 分类:JavaScript
-
在 JavaScript 语言中,元组是具有不可变特性的数组类型。我们可以使用单个变量访问元组,该变量是数组的一种。
使用 JavaScript 编码 HTML
发布时间:2024/03/20 浏览次数:83 分类:JavaScript
-
本教程将教你如何使用不同的方法对 HTML 字符串进行编码。这些方法的共同点是字符串替换,它替换了具有潜在危险的字符。
使用 JavaScript 加载外部 HTML 文件
发布时间:2024/03/20 浏览次数:133 分类:JavaScript
-
本文演示了如何使用 JavaScript 和 jQuery 加载外部 html 文件。
JavaScript 延迟后重定向页面
发布时间:2024/03/20 浏览次数:87 分类:JavaScript
-
本教程展示了如何使用 JavaScript 中的 setTimeout 方法在延迟后重定向页面。