javascript - 用户单击提交时的等待指示器

Question

我有一个带有 Web 视图的应用程序，我在其中显示反馈 HTML 页面，我只需要在用户触摸 HTML 提交按钮时显示等待指示符，并且最好还禁用 HTML 表单中的提交按钮。

iOS 端或 HTML/Javascript 端的解决方案都可以。

Answer 1

提交 HTML 表单后，当前页面上的所有执行都会停止。您无法继续执行计时器脚本。

大多数浏览器已经显示忙碌指示符。

Answer 2

iOS 在 UIKit 中包含一个用于标准微调器的控件，称为UIActivityIndicatorView. https://developer.apple.com/library/ios/#DOCUMENTATION/UIKit/Reference/UIActivityIndi​​catorView_Class/Reference/UIActivityIndi​​catorView.html。您将分别调用实例的 startAnimating 和 stopAnimating 方法来开始和结束动画。

Answer 3

如果您想在 iOS 中以编程方式创建活动指示器：

UIActivityIndicatorView *myIndicator = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleWhiteLarge]];
myIndicator.center = CGPointMake(160, 240);
myIndicator.hidesWhenStopped = NO;
[self.view addSubview:myIndicator];

然后启动/停止它：

[myIndicator startAnimating];
[myIndicator stopAnimating];

如前所述，您不必禁用 HTML 表单提交按钮，该页面上没有进一步的执行。

Answer 4

如果您有一个名称和 ID 为“myForm”的表单、一个 ID 为“myButton”的按钮（该按钮不能是类型或名称为“submit”）和一个 ID 为“waitMessage”的空 div，您可以在其中插入等待消息或 gif，然后你可以使用这样的东西：

var myButton1 = document.getElementById("myButton");

myButton1.onclick = function (){
   getElementById("waitMessage").innerHTML = "Whatever waiting message or html code you want";
   myButton1.disabled=true;
   document.forms["myform"].submit();
}