javascript - 警报返回url路径，而jquery中的警报变量

Question

<script>
    $(document).ready(function(){
        $("#search-jobs").click(function(e){
            e.preventDefault();
            key = $('#myInput').val();
            location = $('#location').val();
            alert(key);
            alert(location);
        });
    });
</script>
<form autocomplete="off" action="javascript:void(0);" method="post">
<div class="row">
    <input type="text" id="myInput" name="company" placeholder="Job title, keywords or company name">
    <input type="text" id="location" name="location" placeholder="Location">
    <button name="search-jobs" id="search-jobs" type="submit"><i class="la la-search"></i></button>
</div>

在这个问题中，我创建了一个运行良好的自动完成功能。现在，我在这里做什么？当我点击search-jobs它的警报myInput值时，警报url路径就像http://localhost/jobportal/index.php然后将我重定向到其他页面，其他页面的 url 就像位置localhost/jobportal/noida在哪里noida。我不知道这是什么问题？请帮我。

谢谢你

标签： javascriptphpjquery

Answer 1

由于您的变量位置未在函数内部定义，因此它在窗口范围内被提升到顶部。因此，您的 location 变量实际上是window.location，您为其提供了一个值。简单的解决方案是尝试更改变量的名称或使用let var或const在函数内定义它。