Как обновить родительскую страницу после закрытия всплывающего окна в JavaScript?
У меня есть одна страницаlist.jsp
имея список всех записей в таблице и одну кнопку сверху, чтобы добавить новую запись.
Я хочу открытьadd.jsp
как всплывающее окно. Это работает, но когда я закрываю всплывающее окно, как обновитьlist.jsp
так что показывает вновь добавленную запись
Вот мой код, что я пытался ...
list.jsp
<html>
<head>
<script>
function popupwindow(url, title, w, h) {
var left = (screen.width/2)-(w/2);
var top = (screen.height/2)-(h/2);
popupWindow = window.open(url, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left);
return popupWindow
}
</script>
</head>
<body>
<input type="button" value="Add new" id="add-btn" onclick="popupwindow('Addnew.jsp','Add new',600,400)"/>
<table>
// Here i am showing all records from database...
</table>
</body>
add.jsp
<html>
<head>
<script type="text/javascript">
$(document).ready(function(){
$("#savebtn").click(function(e) {
$.ajax({
type: "POST",
url: "RecordHandler",
data: dataString,
success: function(data){
$('body').html(data);
$('#msg').html('New Record Added Successfully.')
}
});
});
</head>
<body>
<form method="POST">
<table>
<tr>
<td>Folder Number</td>
<td><input type="text" name="folderno"/></td>
</tr>
<tr>
<td>Box Number <b style="color:red">*</b></td>
<td><input type="text" name="boxno"/></td>
</tr>
<tr>
<td colspan=2>
<input type="submit" value="Save" name="save" id="savebtn"/>
</td>
</tr>
</table>
</form>