jquery点击新增打开新的页面添加数据

可以使用以下代码实现：

HTML：

<button id="add-btn">新增</button>

JavaScript：

$(document).ready(function() {
  // 点击新增按钮
  $('#add-btn').on('click', function() {
    // 打开新的页面
    var newWindow = window.open('add.html');
    
    // 监听新页面的加载完成事件
    $(newWindow).on('load', function() {
      // 向新页面发送数据
      newWindow.postMessage('要添加的数据', '*');
    });
  });
  
  // 监听从新页面返回的数据
  window.addEventListener('message', function(event) {
    if (event.data === '添加成功') {
      // 刷新当前页面
      location.reload();
    }
  });
});

在新的页面 `add.html` 中，可以使用以下代码接收数据并添加到数据库：

JavaScript：

$(document).ready(function() {
  // 监听从父页面发送的数据
  window.addEventListener('message', function(event) {
    // 添加数据到数据库
    addDataToDB(event.data);
    
    // 发送添加成功的消息给父页面
    window.opener.postMessage('添加成功', '*');
    
    // 关闭当前页面
    window.close();
  });
  
  function addDataToDB(data) {
    // 将数据添加到数据库的代码
  }
});