在php表单发布时加载进度条

时间:2015-02-28 15:57:06

标签: javascript php jquery html

我找到了一篇有趣的文章here,它在按钮中有一个进度条。我希望在从html文件中将数据发布到php文件时实现这一点。

具体来说,当我从HTML导航到php页面时,应该会出现加载动画。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <form action="POST.php" method="POST">
        <input type="text">
        <input type="submit">
    </form>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

您可以使用ajax:

$('#myform').submit(function() {
   $('#processing').show();
   $.ajax({url: 'form.php', data: $(this).serialize(), success:

   function(data) {
      // Process returned data
      $('#processing').hide();
                }});
 return false;
 });

或者不是隐藏你可以加载图片加载gif。