Javascript 实现搜索功能的最佳实践

我发现了一些问题/答案，但它们都很过时，所以我想问一下，看看是否有一些新的实践/方法

我有一个我现在正在工作的网页，它是唯一的首页，它是基于html、css和javascript构建的。我在Laravel中构建，因为很快我将为表单、用户、文档和其他一些东西实现一个数据库

无论如何，我想要一个简单的搜索引擎，只在不同的页面上搜索，比如说，有点像facebook的搜索

因此，经过一段时间的思考和挖掘，这是我目前正在研究的解决方案：

HTML:

所以，虽然我没有太多的页面，但我认为如果我扩展到所有的网页，那么我会很长，似乎应该有更简单的方法来完成

所以问题是：有没有更好/更简单的方法来实现这一点

提前谢谢

将这段截取下来的代码作为对代码的介绍，您可以构建如下内容：

function urlExists(url) {
    var request;
    if (window.XMLHttpRequest) {
        request = new XMLHttpRequest();
    } else {
        request = new ActiveXObject("Microsoft.XMLHTTP");
    }
    request.open('GET', url, false);
    request.send();
    if (request.status === 404) {
        return false;
    } else {
        return true;
    }
}
$('#procurahead').submit(function (event) {
    event.preventDefault();
    var input1 = $('#txtinputhead').val();
    var url = 'http://localhost/laravel/l55/public/' + input1;
    if (urlExists(url)) {
        window.location.href = url;
    }
}

---

我希望这就是你需要的。问候。

附加您的URLhttp://localhost/laravel/l55/public/ 使用$'txtinputhead'.val？让用户从给定关键字列表中进行选择并不是真正的“搜索”，我认为这更像是导航。如果用户没有选择给定选项中的一个，而是输入他们自己的术语，那么你仍然没有任何功能在这里实际搜索。这是真的，这是我一直在寻找的学习方法。

$('#procurahead').submit(function(event){

event.preventDefault();

var input1 = $('#txtinputhead').val();

if(input1 == "foo"){
window.location.href = 'http://localhost/laravel/l55/public/foo';
}
if(input1 == "foo1"){
window.location.href = 'http://localhost/laravel/l55/public/foo1';
}
if(input1 == "foo2"){
window.location.href = 'http://localhost/laravel/l55/public/foo2';
}
if(input1 == "foo3"){
window.location.href = 'http://localhost/laravel/l55/public/foo3';
} 
if(input1 == "etc"){
window.location.href = 'http://localhost/laravel/l55/public/etc';
} 
});

function urlExists(url) {
    var request;
    if (window.XMLHttpRequest) {
        request = new XMLHttpRequest();
    } else {
        request = new ActiveXObject("Microsoft.XMLHTTP");
    }
    request.open('GET', url, false);
    request.send();
    if (request.status === 404) {
        return false;
    } else {
        return true;
    }
}
$('#procurahead').submit(function (event) {
    event.preventDefault();
    var input1 = $('#txtinputhead').val();
    var url = 'http://localhost/laravel/l55/public/' + input1;
    if (urlExists(url)) {
        window.location.href = url;
    }
}