用户填完信息后关闭弹出框并刷新父页面 JS实现

背景介绍：有一个HTML页面，点击按钮（报名），弹出来一个框，在这个框里面填写一些信息，填完并且格式正确，就再弹出来一个小提示，报名成功。2秒后关掉小提示，关掉弹出的（报名）框，并且刷新那个HTML页面（父页面）。

1，点击按钮，页面内弹出框，不跳转，遮罩整个页面，点其他区域，该框抖动。 这个是用art.dialog做

<script>
var dialog = '';
function apply()
{
dialog = art.dialog.open('/web/apply?activityid=<?=$activityid?>', {
id : 'acts',
lock : true,
esc : true,
fixed : true,
resize : false,
drag : false,
zIndex : 9999
});
}
</script>

2，（报名）框提交按钮用ajax做，在success.function里面加上parent.window.reload()，还一个是setTimeout函数。

<script>
var dialog = '';
function apply_check()
{
$.ajax({
type : 'POST',
url:"/web/apply_check",
data:$('#myform').serialize(),
dataTpye:"ajax",
clearForm:true,　　　　　　 //提交成功后是否清空表单中的字段值
error:function(data){

},
success:function(data)
{
if(data == "报名成功！")
{
art.dialog.tips(data);
//2秒后重新加载父页面
setTimeout('parent.location.reload()',2000);
}
else
{art.dialog.alert(data)}
}
});

}
</script>