迹忆客 专注技术分享

当前位置:主页 > 学无止境 > WEB前端 > JavaScript >

JavaScript Ping 服务器

作者:迹忆客 最近更新:2024/03/20 浏览次数:

对于 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 以检查其有效性的方式。

转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

JavaScript 中的 Map 索引

发布时间:2024/03/20 浏览次数:197 分类:JavaScript

JavaScript map 方法很容易实现,我们将讨论它的不同参数,以及它们在不同场景中的使用方式。

JavaScript 指针

发布时间:2024/03/20 浏览次数:166 分类:JavaScript

JavaScript 没有明确的方法来定义指针。它允许在对象之间传递值和引用,但不能显示引用。本文将介绍在 JavaScript 中定义指针的好方法。

JavaScript 元组示例

发布时间:2024/03/20 浏览次数:166 分类:JavaScript

在 JavaScript 语言中,元组是具有不可变特性的数组类型。我们可以使用单个变量访问元组,该变量是数组的一种。

JavaScript 右键菜单

发布时间:2024/03/20 浏览次数:123 分类:JavaScript

本文展示了如何在 JavaScript 中向网页添加自定义右键菜单。

使用 JavaScript 编码 HTML

发布时间:2024/03/20 浏览次数:83 分类:JavaScript

本教程将教你如何使用不同的方法对 HTML 字符串进行编码。这些方法的共同点是字符串替换,它替换了具有潜在危险的字符。

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便