Question

我正在尝试解决用户在搜索框中输入值，按下搜索按钮并使用onClick事件将搜索字词与JSON文件中的值进行比较的问题。目前我不知道jQuery所以如果在解决方案中可以避免这一点我会很感激！到目前为止我所拥有的是：

time data '01/07/2014' does not match format '%m%d%y' (match)

这是搜索按钮的简单div，它调用处理JSON文件的userSearch函数：

<div id="searchb">
    <button onclick="userSearch()">Search</button>
</div>

我遇到的问题是onClick事件中的函数没有传递任何参数，因为在到达脚本标记之前没有定义userSearch的参数。当我运行这个'applet'时，我得到一个错误，说参数thearr未定义。

文件路径是正确的，因为我用它来解决类似的问题，该问题会自动生成页面加载时JSON文件的结果，这就是按钮点击似乎是问题所在。关于如何解决这个问题的任何想法将不胜感激！感谢。

编辑：按要求搜索框HTML

<script>
<!--Function which compares inputted name to names in the .json file. -->
function userSearch(thearr) {

... <!-- All of the code that compares the values -->

console.log();
}
</script>

<script src="filepath on my machine">
</script> <!-- Source path to .json file for script -->

Answer 1

从您的问题来看，听起来您需要从用户输入中获取值。对于userSearch（thearr），我不确定你期望的是什么。您可以像这样获取用户输入的值：

 function userSearch() {
        var firstName = document.getElementById("input1").value;
        var surName = document.getElementById("input2").value;
        console.log(firstName + " " + surName);
    }

注意：如果您希望处理多个第一/姓氏，则应重新考虑该体系结构。使用当前设置执行此操作的逻辑不易编写，更重要的是不必要。

单击按钮时使用JS读取JSON文件

1 个答案: