Ajax基石脚本异步并发调用参数传递

原创 2006年05月31日 14:22:00
        在Ajax开发框架中,最基本的划分是服务器端和客户端。服务器端相对来说比较简单,只要是可以开发动态网页的语言都可以胜任;客户端浏览器就是JScript/JavaScript的天下了,好像没有看到有VBScript做的Ajax客户端库。由于客户端依赖于脚本并运行在浏览器中,似乎比服务器端的可实现和可管理性还要差些。

  这里我说一下Ajax中的A, Asynchronous调用的一些问题。如果我们在异步调用时不为方法传递任何的参数,那么这个问题也就简单甚至不存在了。但是事实上,我们开发一些稍微复杂些的功能时,对于"脚本异步并发调用参数传递"这个功能是很需要的。说的严重些,可以把这个功能看成Ajax客户端框架能否真正Asynchronous的基石。对于异步调用参数传递的问题,可以看我以前的一篇文章"使用匿名函数为setInterval传递参数"。虽然文中的示例很好地解决了参数传递问题,但是我们看看下面的示例,看会发现什么呢?

function foo()
{
 var param = 100;
 window.setTimeout(function()
 {
  intervalRun(param);
 }, 0);
 param = 0;
}

function intervalRun(times)
{
 alert(times);
}

  我们执行foo,会得到什么样的alert结果呢?100? or 0?,答案是:0。其实写过内嵌函数就知道,这里要真确的传入100,需要这样改写foo方法:

function foo()
{
 var param = 100;
 var __param = param;
 window.setTimeout(function()
 {
  intervalRun(__param);
 }, 0);
 param = 0;
}// 这样添加一个变量来存储param就可以了,这下执行foo得到的alert结果就是:100。

  上面这个修正本身没有问题,可是如果我在并发执行的情况下,就可能又有新的问题。示例代码:

function doTick()
{
 var tick = new Date().getTime();
 var __tick = tick;
 var foo = function()
 {
  GetTick(__tick);
 };
 window.setTimeout(foo, 3000);
}

function GetTick(tick)
{
 // to do something depend on tick parameter
}

  当我们在调用doTick方法时,如果以小于3000ms的频率并发,将会导致前一次的tick变量被后面执行的执行过程修改的问题,从而导致GetTick方法取到错误的tick参数。也就是说必须把doTick方法看成一个,需要"本身执行时间+3000ms"才能运行完的方法,然后再保证并行的执行doTick方法才不会出错。这样的限制条件显然是不可接受的,那么我们该怎么办呢?

  其实我们只需要使用内嵌函数自身帮助我们传递参数就行了,修改后的示例如下:

function doTick()
{
 var tick = new Date().getTime();
 var foo = function()
 {
  var __tick = foo.params[0];
  GetTick(__tick);
 };
 foo.params = [tick];
 window.setTimeout(foo, 0);
}

  由于内嵌函数构造出一个Closure Scope,它将帮组我们保存参数的Context,使我们获得真正的"异步并发调用参数传递"效果。

  注意:Closure Scope是JScript编程中危险的高级技术,使用不当极易造成IE Memory Leak。

相关文章推荐

ajax方式请求WebService时的参数传递

WebService ; Ajax调用;参数传递

C语言函数调用与参数传递剖析

  • 2012年07月04日 16:47
  • 32KB
  • 下载

AJAX参数传递时候如何使用JSON

1   两个按钮 --> ====================================================...

Ajax的基本使用以及参数传递过程中乱码的处理

网页上面随处可见ajax,说简单点就是局部刷新,浏览器不会有跳跃的感觉。有时还会对表单做验证如“检验用户名是否存在”,还有用途比较广泛的文件上传等。在此基础上传递参数也是比不可少的。传递参数可以使地址...

表单用serialize()序列化并且通过ajax向后台传值,后台方法参数传递问题

首先是页面 此页面时一个表单 只要是选中的数据,就往后台传,没选中但是有数据,则不传递。此页面的代码如下 ...

表单用serialize()序列化并且通过ajax向后台传值,后台方法参数传递问题

首先是页面 此页面时一个表单 只要是选中的数据,就往后台传,没选中但是有数据,则不传递。此页面的代码如下 [html] view plain copy ...

页面之间参数传递3.1--Struts标签,Ajax

接着页面之间参数传递--Struts标签,继续。这次再与Ajax进行结合 参数获取流程: 1.点击a.jsp中的超链接 (1)a标签提交一个参数(id) (2)第一个form表单提交3个参数(id,n...

第一部分 Shell基础编程——第七章 脚本参数传递

笔记 #位置参数可以超过9个 #shift n每个将参数位置向左偏移n位 #编辑文件 vi opt2 #ne 不等于 #lt 小于 #查看opt2文件内容 [root@localhost 0417]...
  • Wentasy
  • Wentasy
  • 2013年04月17日 16:58
  • 2070
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Ajax基石脚本异步并发调用参数传递
举报原因:
原因补充:

(最多只允许输入30个字)