我还是个编程新手，遇到了这个问题。我试图寻找解决办法，但还没有找到。因此，我在这里发布我的问题：这个想法非常简单，所以我想通过选择选项在本地更新我的主页。如果选择了每个选项，则在“选择”窗体下会出现不同的图像。我把“perlis”作为选择州的一个例子。返回错误“perlis.html”未找到。我不明白为什么。
我的html和js代码：

{% block main %}
    <h1>Do you know what animals are threatened in Malaysia?</h1>
    <h4>Select your state and find out now.</h4>
    <form action="/" method="get">
        <div class="form-group">
            <select class="form-control" id="state" name="state" onchange="change(this.value);">
                <option disabled selected value>State</option>
                {% for state in states %}
                <option value="{{ state.state }}">{{ state.state }}</option>
                {% endfor %}
            </select>
        </div>
    <div id="animal"></div>
    </form>
    <script>
        function change(name)
        {
            //deal with situation where nothing selected
            if(name == "")
            return;

            //create a new AJAX object
            var ajax = new XMLHttpRequest();

            //when page is loaded, have a callback function pre-fill our div
            ajax.onreadystatechange = function() {
                if (this.readyState == 4 && this.status == 200) {
                    document.getElementById("animal").innerHTML = ajax.responseText;
                }
            };

            //open the requested file and transmit the data
            ajax.open('GET', name + '.html', true);
            ajax.send();
        }
    </script>
{% endblock %}

我的python代码：

@app.route("/")
def index():
        states= db.execute("SELECT state FROM endangered")
        return render_template("index.html", states=states)

其中一个请求文件（perlis.html）：

<p>Hornbill</p>
<img src="static/Hornbill.jpeg" />

未找到错误消息404 perlis.html：错误屏幕截图
我想知道这可能与我的后端服务器代码有关吗？我是否错过了连接它们的东西？
请告知，提前谢谢！！！