javascript - Jquery:从链接获取文本文件并查看它是否包含输入值

标签 javascript jquery

我正在使用 Jquery 从链接获取文本文件,并尝试查看它是否包含用户从表单输入的值。现在,我只是尝试在浏览器上注销,但控制台不显示任何内容?

这是我的代码:

$(function() {
  $('#numberForm').submit(function() {
    var number = $("#individualNumber").val();

    $.get('https://www.website.com/numbers.txt', function(data) {

      var numberData = data.includes(number);

      console.log(numberData);

    });


  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>


<body>


  <form id="numberForm" action="">
    Enter Number:<br>
    <input type="text" id="individualNumber">

    <input type="submit" value="Submit">
  </form>

</body>

有什么建议吗?

最佳答案

它正在导航到表单操作(action="" 表示同一页面或基本 URL(如果存在 <base> 标记)。您必须使用 event.preventDefault() 停止默认操作。停止表单提交。或者不提交表单(即使用 <button type="button"> 或链接并监听点击)。

$(function() {
  $('#numberForm').submit(function(e) {
    e.preventDefault();

    var number = $("#individualNumber").val();

    $.get('https://www.website.com/numbers.txt', function(data) {

      var numberData = data.includes(number);

      console.log(numberData);

    });


  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>


<body>


  <form id="numberForm" action="">
    Enter Number:<br>
    <input type="text" id="individualNumber">

    <input type="submit" value="Submit">
  </form>

</body>

关于javascript - Jquery:从链接获取文本文件并查看它是否包含输入值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55839990/

相关文章:

javascript - Angular Controller 中的事件仅触发一次

javascript - 在 Quill Rich Editor 中包含标题

javascript - 增加每个输入的名称属性,但在使用 jQuery 克隆后将单选按钮组合在一起

javascript - JS 无法读取即将到来的数组元素

javascript - 页面加载后添加的类字段的日期选择器初始化

javascript - 使用 CSS 和 javascript 显示事件的主菜单和子菜单

javascript - 打印或导出Cesium图加载部门

javascript - 禁用 Javascript 时显示占位符 HTML

jquery - 使 .replaceWith 和 .css jquery 一起工作

jQuery XML REST 访问控制允许来源