每日总结20230705 js调后端接口跳转页面，autocomplete=off作用

一，js调后端接口跳转页面

1，如果想在JSP页面上的新增按钮上绑定一个方法，通过调用后端接口跳转页面，并且使用top.openPageInTab方法，你可以按照以下步骤操作：

在JSP页面中找到新增按钮的HTML代码，并给它添加一个点击事件的监听器。例如：

<button id="addButton" onclick="handleAddButtonClick()">新增</button>

2，在JavaScript中定义 handleAddButtonClick 方法，并在该方法中调用后端接口来实现页面的跳转和打开新的标签页。例如：

function handleAddButtonClick() {
  // 调用后端接口来获取要跳转的页面URL
  // 这里使用示例URL，你需要根据你的实际情况修改URL
  var url = "/your-backend-api/getNewPageUrl";

  // 使用 top.openPageInTab 方法在新标签页中打开跳转的页面
  top.openPageInTab(url,"跳转页面title");
}

上面定义了handleAddButtonClick方法。在该方法内部，通过调用后端接口 /your-backend-api/getNewPageUrl 来获取要跳转的页面URL。你需要将该URL替换为你实际的后端接口地址，可以根据实际情况进行修改。

接下来，使用top.openPageInTab方法来在新的标签页中打开跳转的页面。确保你的项目中已经定义了openPageInTab方法，或者你可以根据项目的具体情况自行编写该方法。

通过以上步骤，在JSP页面上的新增按钮被点击时，将会调用handleAddButtonClick方法，并实现页面的跳转和打开新的标签页。

二，autocomplete=off

浏览器会记录之前填过的表单数据，再次输入的时候会自动补全，如你填写过自己的名字——王大锤，下一次再打开填写信息时，你输入王，表单会给你提示王大锤

<input type="text" name="example" autocomplete="off">

在上面的示例中，我们给输入字段添加了autocomplete属性，并将其设置为"off"。这将告诉浏览器不要自动填充该字段；