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

Javascript Jquery:从链接中获取文本文件,并查看它是否包含输入值,javascript,jquery,Javascript,Jquery,我使用Jquery从链接中获取一个文本文件,并尝试查看它是否包含用户从表单中输入的值。现在,我正在尝试注销浏览器,但控制台上没有显示任何内容 这是我的密码: $(函数(){ $('#numberForm')。提交(函数(){ 变量编号=$(“#individualNumber”).val(); $.get('https://www.website.com/numbers.txt,函数(数据){ var numberData=数据。包括(数字); 控制台日志(numberData); }); }

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

这是我的密码:

$(函数(){
$('#numberForm')。提交(函数(){
变量编号=$(“#individualNumber”).val();
$.get('https://www.website.com/numbers.txt,函数(数据){
var numberData=数据。包括(数字);
控制台日志(numberData);
});
});
});

输入号码:

它正在导航到表单操作(
action=”“
表示相同的页面或基本url(如果存在
标记)。必须使用
event.preventDefault()
停止默认操作才能停止表单提交。或者不提交表单(即使用
或链接并收听点击)

$(函数(){
$('#numberForm')。提交(函数(e){
e、 预防默认值();
变量编号=$(“#individualNumber”).val();
$.get('https://www.website.com/numbers.txt,函数(数据){
var numberData=数据。包括(数字);
控制台日志(numberData);
});
});
});

输入号码:

当您提交表单时,您的页面正在重新加载(),并且在加载数据时,您已经离开了页面

出于测试目的,可以阻止提交表单

只要
https://www.website.com/numbers.txt
与您的页面位于同一域中:

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

完整代码:

$(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);
        });
    });
});

CORS策略已阻止从源“null”访问“”处的XMLHttpRequest:跨源请求仅支持协议方案:http、数据、chrome、chrome扩展、https

你知道这个错误吗


尝试在HTML DOM中调试

如果您想将值写入页面,可以创建一个div并将文件读取到该div。这样您可以检查输入的存在性并验证自己(即使只是出于测试目的)。在给定的代码中,我将div内容设置为不可见(或者您可以使用display:none;),并使用检查输入值与div内容。(注意:我没有测试代码,所以可能有错误,但要点在那里。)

$(函数(){
$('#numberForm')。提交(函数(){
变量编号=$(“#individualNumber”).val();
$.get('https://www.website.com/numbers.txt,函数(数据){
$(“#txtdata”).html(数据);
//var numberData=$(“#txtdata”);
var=false;
$('#txtdata')。查找('#IndividualNumber')(函数(){
如果(!contained&&$(“#txtdata:contains(“+number+”)”)){
包含=真;
}
});
如有(已包含){
log('是的,它在文件中'+编号);
}
});
});
});
#txtdata{
可见性:隐藏;
}

输入号码:

如果您在console.log中输入数字,是否显示“数字”<代码>控制台日志(编号)它实际上没有显示任何内容。控制台是空白的吗?有什么建议吗?是的,因为该链接不存在!我有另一个链接,我正在使用的工作。你能分享这个链接吗?这不是一个问题的答案;建立你的声誉,这样你就可以发表评论——这应该是对这个问题的评论。我不会这么说,但你将来可能会被否决。请参见meta。谢谢,jQueryInclude函数是否可以精确匹配文本文件中的内容?例如,我的文本文件中有两个数字:1234和1354,所以如果我搜索1234它会找到它,但是如果我搜索234它会找到它?它与文件上的内容不完全匹配?您可以添加一个检查来查看长度是否匹配?是的,事实上这就是我使用的解决方案。然而,长度检查实际上是针对两个长度进行检查:4和5,否则它会工作!基本上,如果inputValue.length为4或5,则显示结果。也就是说,如果一个输入值有12345,它将返回true,当用户输入1234时,它将返回true作为一个现有的数字…如果它工作,那就好了!如果以后找到更好的方法,可以对其进行优化。网站上可能也有类似的问题。现在是凌晨3点16分,所以我会让它休息一下。。。哈哈。Zzzzz……谢谢,Jquery include函数是否可以精确匹配文本文件中的内容?例如,我的文本文件中有两个数字:1234和1354,所以如果我搜索1234它会找到它,但是如果我搜索234它会找到它?它不会带来与文件上内容的精确匹配?
includes()
不是jQuery
includes()
将查找给定字符串的任何外观。(
234
位于
1234
中,因此它将返回
true
)。如果要匹配整行,请将数据拆分为行并比较每行,或者使用正则表达式。