如何在主窗口觸發輔助窗口上的事件時使用jQuery Ajax

Question

我正在構建一個具有介紹汽車記錄（製作，價格，年份等）的主頁的Web應用程序。所有這些都組織在HTML表格中，每次頁面重新加載時都會從數據庫動態構建。

在頁面頂部（不在表格中）有一個新的按鈕，它會打開一個新窗口，其中顯示一個窗體，供用戶輸入新的汽車詳細信息。

<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); 
}