Question

我正在构建一个Web应用程序，它有一个主页面，显示汽车的记录（制造商，价格，年份等......）。所有这些都组织在一个HTML表中，每次页面重新加载时都会从数据库中动态构建。

在页面顶部（不在表格中）有一个 New 按钮，它会打开一个新窗口，显示一个表格供用户输入新车详情。

<caption>Cars<button onclick="fn_new();">N</button></caption>

function fn_new(event)
{
    var new_window = window.open('/new', "_blank", 
        "toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=350, height=350,top=200,left=400");
}

当用户完成输入新车详细信息时，会向数据库添加新记录。当发生这种情况时，我想使用ajax jQuery加载来使用新记录再次刷新表部分。类似的东西：

$("#carsTable").load("/getCarsRecordsFromDb");

我不知道在哪里放置这个ajax jQuery调用（在哪个事件函数中）。

我的问题是在主窗口检测到从新车窗口按下提交的最佳方法是什么？

Answer 1

在父窗口js。

中


function addRow()
{
   // ajax call goes here 
}

在子窗口js。

function SendInfo(name,id,num,pass){
    window.opener.addRow(name,id,num,pass);
}

如何在辅助窗口上的事件时在主窗口上触发jQuery Ajax

1 个答案: