使用php ajax调用验证成功后如何关闭javascript弹出框

时间:2014-04-12 08:04:03

标签: javascript jquery ajax

在我的html表单中,会出现一个弹出窗口供注册。它使用带有regProcess.php页面的ajax /查询来验证数据。此页面使用json_encode将数据传递到html表单。好吧,当所有验证成功时,我想在几秒后关闭html弹出框。我怎么能这样做?

<script>
  $('#form1').submit(function(event) {
    event.preventDefault();
    $.ajax({
      type: 'POST',
      url: 'backup.php',
      data: $(this).serialize(),
      dataType: 'json',       

      success: function (data) {
        $('#info1').html('');
        $.each( data, function( key, value ) {
          $('#info1').append('<p>'+value+'</p>');               
        });    

      }
    });
  });
</script>

弹出窗口显示以下div调用。

<div id="register">
  <a class="big-link" data-reveal-id="myModal">
    <button type="button" name="" value="" class="css3button">Join the campaign</button>
  </a>
</div>

1 个答案:

答案 0 :(得分:0)

您可以使用 setTimeout()

成功函数中添加jquery函数

http://www.w3schools.com/jsref/met_win_settimeout.asp