JSP Javascript不工作未捕获引用错误

JSP Javascript不工作未捕获引用错误,javascript,java,html,jsp,Javascript,Java,Html,Jsp,我目前正在尝试建立一个小型web应用程序,人们可以在其中上传、评分和下载文件。后端已完成,现在只缺少前端部分。 我正在使用java服务器页面进行此操作 问题是:我想避免每次更改搜索选项时都重新加载页面,所以我想使用javascript中的async&await实现这一点。 现在理论上我的脚本可以从后端获取所需的数据。单击按钮时,将执行此功能: async function searchDatabase() { const edtSearchText = document.getElementBy

我目前正在尝试建立一个小型web应用程序,人们可以在其中上传、评分和下载文件。后端已完成,现在只缺少前端部分。 我正在使用java服务器页面进行此操作

问题是:我想避免每次更改搜索选项时都重新加载页面,所以我想使用javascript中的async&await实现这一点。 现在理论上我的脚本可以从后端获取所需的数据。单击按钮时,将执行此功能:

async function searchDatabase() {
const edtSearchText = document.getElementById("edtSearchOption");
const sltSorting = document.getElementById("sltSortingOption");
const sltOrdering = document.getElementById("sltOrderingOption");

var searchOption = edtSearchText.value;
var sortingOption = sltSorting.value;
var orderOption sltOrdering.value;

const url = "/search";

var data = new FormData();
data.append("search", searchOption);
data.append("sorting", sortingOption);
data.append("ordering", orderOption);

var requestParams = {
    method: 'GET',
    body: data,
    redirect: 'follow'
};

let response = await fetch(url, requestParams);
let data = await response.json(); }
现在,当我在浏览器中访问我的页面时,它会正常显示数据,现在我想搜索一些东西,所以我在表单中输入数据并单击按钮。 问题如下:

  • 它似乎仍然想重新加载页面
  • 我得到这个错误:“未捕获引用错误:未定义searchDatabase 提交http://localhost:8081/?search=&sorting=date_upload&ordering=1:1" 我花了一整天的时间来解决这个问题,希望你能在这里帮助我
  • 这是我正在访问的网站welcome.jsp的代码:

    如果你需要更多的细节,请告诉我


    祝你今天愉快

    在提交表单时调用您的方法searchDabase(),如下所述

    <form name="myForm" onsubmit="return searchDatabase();"> 
    

    快乐学习:)

    @我希望它对你有用。是的,有点。原来问题来自语法错误-。-,但是你的回答让我再次检查了代码,然后我注意到了它们。现在可以了,谢谢
    function searchDatabase(){
    // your code......
    return false;
    }