用户填完信息后关闭弹出框并刷新父页面 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>
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

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>