`
- 浏览:
1138711 次
-
ajax框架dwr自定义同步异步--解决回调函数中处理无法得到预期结果问题
这几天用到dwr在回调函数中给变量赋值的时候总是有时候对有时候错,搞的很郁闷,后来百度了下才知道原来是同步异步的问题,应为dwr是异步的所以,但你回调的时候主线程已经往下执行了,而回调函数有可能还没有结束,那么你在回调函数中做的处理,比如赋值,就有可能无法完成,自然在主线程中也我发得到想要的值。(自己当时怎么没想到呢,功力不够)下面一篇文章作为参看,基本能解决问题。
DWR是Ajax的一个开源框架,可以很方便是实现调用远程Java类。但是,DWR只能采用回调函数的方法,在回调函数中获取返回值,然后进行处理。那么,到底有没有办法直接获取一个方法的放回值呢?
下面我写一个简单的Java类,如下:
public class Test()
{
public String getString()
{
return "test";
}
}
上面这个类很简单,里面的getString就直接返回一个字符串。
我们假设在DWR中配置了Test在DWR中所对应的类未JTest,那么我们要调用getString方法,可以这样写:
function Test()
{
//调用Java类Test的getString方法,callBackFun为回调函数
JTest.getString(callBackFun);
//回调函数
function callBackFun(data)
{
alert(data);
}
}
这里处理很简单,就是调用java类的方法,然后在回调函数中处理,上面那段话执行后会显示test,也就是java方法的返回值。但是,采用回家函数不符合我们的习惯,有些时候我们就想直接获取返回值进行处理,这时候就无能为力了。
我们知道,DWR是Ajax的框架,那么必然拥有了Ajax的特性了。
先来说说Ajax的运行原理吧,其实它的原理很简单,就是调用远端地址,获取页面返回数据,然后进行分析处理。而这个过程是异步的,就就是为什么DWR采用回调函数的原因了,而你不知道,我们调用了Java类后,回调函数不知道什么时候执行。
再来看看Ajax的方法,其中,XMLHttpRequest的open函数是有一个是否同步参数,如下:
XMLHttpRequest.open(String method, String URL, boolean asynchronous)
其中的asynchronous就是是否同步的参数了。
现在,让我们打开DWR的engine.js文件,搜索一个asyn,马上,就发现了一个setAsync方法,原来,DWR是这个方法设置成属性封装起来了。这样,我们就可以实现获取返回值的功能了。
下面,我在DWR中封装出Java类,如下:
function Test()
{
var _data = "";
this.getString = function()
{
//设置成同步
DWREngine.setAsync(false);
//调用Java类Test的getString方法,callBackFun为回调函数
JTest.getString(callBackFun);
//重新设置为异步方式
DWREngine.setAsync(true);
return _data;
}
//回调函数
function callBackFun(data)
{
_data = data;
}
}
上面这个方法,在调用java方法之前先设置为同步方式,那么调用java方法后,执行了回调函数后,才接着执行下面的语句,这样子,返回_data就已经赋值了,所以可以正常获取值。
上面这些写法比较麻烦,可以写成下面方式:
function Test()
{
var _data = "";
this.getString = function()
{
//设置成同步
DWREngine.setAsync(false);
//调用Java类Test的getString方法,callBackFun为回调函数
JTest.getString(function(data){_data = data;});
//重新设置为异步方式
DWREngine.setAsync(true);
return _data;
}
}
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
AJAX框架DWR简单应用
DWR框架的例子-ajax DWR框架的例子-ajax
dwr回调函数里面怎么得到list信息,这儿有详解的办法
dwr 框架dwr 框架dwr 框架dwr 框架dwr 框架dwr 框架
Ajax框架dwr3.0中文插件
DWR 取得回调函数返回值案列DWR 取得回调函数返回值案列DWR 取得回调函数返回值案列
从project中提取的dwr部分实现 博文链接:https://ankor.iteye.com/blog/138778
AJAX-DWR下拉框级联AJAX-DWR下拉框级联 真正实用的`仅供参考
Ajax的简述 传统web开发模式与ajax开发模式的不同 Ajax的开发与案例 Dwr框架的简介 Dwr框架的应用与案例 Dwr 框架与Struts,Spring框架的结合
ajax 框架dwr的使用文档
提供一个能运行的Ajax框架dwr入门程序!共同学习!
ajax框架dwr的简单例子,放在eclipse工程下即可
AJAX_DWR框架AJAX_DWR框架
一个有名的简单实用的小型Ajax框架,支持异步,实现前后台代码分离。
2、 在web.xml中配置dwr,如下: <!-- 配置DWR --> <servlet-name>dwr-invoker</servlet-name> <servlet-class> org.directwebremoting.servlet.DwrServlet </servlet-class> <init-param> ...
ajax的DWR框架入门例子,包含源代码和调试成功的例子
一本关于ajax 的书,希望对大家有用!
介绍 dwr框架的使用,加快ajax的快发速度