在我的GWT平台应用程序中,我实现了一种方法,其中一步是从服务器获取数据,下一步依赖于它。我想阻止我的方法进一步执行代码,直到异步调用完成。
应该是简单的事情,但我没有找到方法。
我认为你错过了关于网络是异步的要点。
在异步调用完成之前阻止客户端代码的执行不被视为良好做法(相反,这是一种反模式)。
因此,在异步代码完成之前,不要阻止执行,请执行以下操作:
- 创建一个事件,
- 当您的异步代码完成时,该事件在全局事件总线上触发
- 在演示者之一中附加此事件的处理程序
- 启动异步代码
- 显示加载指示器
- 异步调用完成后,隐藏加载指示器并在事件总线上触发事件
- 处理之前创建的处理程序中的下一步。
我不是GWT大师,但我知道如何以简单的方式做到这一点。如果有人告诉如何以正确的方式做到这一点,我将不胜感激,因为我也对它感兴趣。你可以只制作包含所需代码的方法并调用它 onSuccess 或做这样的事情:
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.core.client.GWT;
import com.google.gwt.event.dom.client.ClickEvent;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.user.client.Timer;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.rpc.AsyncCallback;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.RootPanel;
public class Aaa implements EntryPoint {
private final MyServiceAsync service = GWT
.create(MyService.class);
private Timer t;
public void onModuleLoad() {
t = new Timer() {
@Override
public void run() {
// Make something or call function
Window.alert("Next Step");
}
};
final Button sendButton = new Button("Send");
sendButton.addClickHandler(new ClickHandler() {
@Override
public void onClick(ClickEvent event) {
service.sendInfo("Send First Step Info",
new AsyncCallback<String>() {
@Override
public void onSuccess(String result) {
Window.alert("Success Call");
// Call Next step code or function
t.schedule(1);
}
@Override
public void onFailure(Throwable caught) {
Window.alert("Failure Call");
}
});
}
});
RootPanel.get().add(sendButton);
}
}
为什么要使用Timer
?
final Button sendButton = new Button("Send");
sendButton.addClickHandler(new ClickHandler() {
@Override
public void onClick(ClickEvent event) {
service.sendInfo("Send First Step Info",
new AsyncCallback<String>() {
@Override
public void onSuccess(String result) {
Window.alert("Success Call");
nextStep(result);
}
@Override
public void onFailure(Throwable caught) {
Window.alert("Failure Call");
}
});
}
});
private void nextStep(String data) {
}
我不得不更改原始流程,基本上将其移动到异步调用的onSuccess()。
最初,流程是
- 用户单击便便对话框的"确定"按钮 验证
- (一切都是前端验证),如果出现验证错误,则抛出异常并显示错误。 诊断日志未关闭。
- 成功验证后,继续数据处理并关闭对话框。
现在,在新的场景中,#2 验证已更改为需要异步调用回后端。因此,必须移动 #3 以链接到验证方法上的回调。'下面的代码片段
public void onValidationDataReady(List<Long> existingTests) throws ValidationException {
if (!existingTests.isEmpty()) {
throw new ValidationException("The entered name has already been used.");
}
//only after the validation do we proceed with the original OK click
proceedOkClick(testNameField.getValue());
}
public void proceedOkClick(String data) {
// proceed only after the async call
if (callback != null) {
callback.onDialogResult(true, data);
}
clearDialog();
}
public boolean validateInputs() throws ValidationException {
//async call to get data from back end.
//pass in a Callback
testNameValidator.validate(testNameField.getValue(), new DataReadyCallback<List<Long>>() {
@Override
public void onDataReady(List<Long> existingTests) {
onValidationDataReady(existingTests);
}
});
return true;
}
//The call back interface.
public interface DataReadyCallback<T> {
void onDataReady(T data);
}