有时候， 需要以不同的参数调用某个URL，并且在回调函数中仍然可以访问正在使用的参数， 这时候， 需要使用闭包保存当前参数， 否则， 当回调函数执行时， 之前的参数很可能早已被修改为最后一个参数了。 具体见代码。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>关键词搜索</title>

<script type="text/javascript" src="jquery-1.10.2.min.js"></script>

<script>

     $(document).ready(function() {

         var index;

         var searchKeywords = ['一次', '一场', '举行'];

         var result = '第一种方式: <br/>';

         for (index=0; index<3; index++) {

              var keyword = searchKeywords[index];

              $.ajax({

                    url: 'servlets/KeySearchServlet',

                    data: { 'keywords': keyword },

                    dataType: 'text',

                    timeout: 60000,

                    success: function(data) {

                        result += 'index: ' + index + ', keyword: ' + keyword + '<br/>';

                        $('#resultRegion').html(result);

                        // output unexpected:

                            // index: 3, keyword: 举行

                            // index: 3, keyword: 举行

                            // index: 3, keyword: 举行

                    }

             });

         }

         var result2 = '第二种方式: <br/>';

         for (var index2=0; index2<3; index2++) {

             (function(index2) {

                 var keyword = searchKeywords[index2];

                 $.ajax({

                        url: 'servlets/KeySearchServlet',

                        data: { 'keywords': keyword },

                        dataType: 'text',

                        timeout: 60000,

                        success: function(data) {

                            result2 += 'index: ' + index2 + ', keyword: ' + keyword + '<br/>';

                            $('#resultRegion2').html(result2);

                            // output the expectation result

                            // index: 0, keyword: 一次

                            // index: 1, keyword: 一场

                            // index: 2, keyword: 举行

                        }

                  });

             })(index2);

         }

     });

</script>

<style type="text/css">

     #result {

        float: left;

        margin: 20px 50px;

     }

     #resultRegion, #resultRegion2 {

        overflow-y: auto;

        border: 3px outset #f58220;

        width: 500px;

        height: 100px;

        padding: 10px 10px 10px 30px;

        font-size: 11pt;

        /* Gecko browsers */

        -moz-border-radius: 5px;

        /* Webkit browsers */

        -webkit-border-radius: 5px;

        /* W3C syntax - likely to be standard so use for future proofing */

        border-radius:10px;

     }

</style>

</head>

<body>

     <div id="result">

          <p id="searchTip"> 结果对比: </p>

          <div id="resultRegion">

          </div>

          <div id="resultRegion2">

          </div>

     </div> 

</body>

</html>


结果：


												


											
使用匿名函数在回调函数中正确访问JS循环变量的更多相关文章
	

    
								
  1. C++中 线程函数为静态函数 及 类成员函数作为回调函数
		
    线程函数为静态函数: 线程控制函数和是不是静态函数没关系,静态函数是在构造中分配的地址空间,只有在析构时才释放也就是全局的东西,不管线程是否运行,静态函数的地址是不变的,并不在线程堆栈中static只 ...
    
		
    2. 
						
  2. C++中类成员函数作为回调函数
		
    注:与tr1::function对象结合使用,能获得更好的效果,详情见http://blog.csdn.net/this_capslock/article/details/38564719 回调函数是 ...
    
		
    3. 
						
  3. Go基础系列：函数(2)——回调函数和闭包
		
    回调函数和闭包 当函数具备以下两种特性的时候,就可以称之为高阶函数(high order functions): 函数可以作为另一个函数的参数(典型用法是回调函数) 函数可以返回另一个函数,即让另一个 ...
    
		
    4. 
						
  4. php自定义函数之回调函数
		
    回调函数,可以配合匿名函数和变量函数实现更加优美.复杂的一种函数结构.大理石平台价格 回调函数,就是在处理一个功能的时候,我让让这个功能自定义能力再强一些,我准许调用这个函数的时候,还可以传入一个函数 ...
    
		
    5. 
						
  5. php变量函数，回调函数
		
    一,变量可以直接传递函数 <?php function demo($num , $n )//$n是个函数 { for($i=0;$i<$num;++$i) { if($n($i)) { e ...
    
		
    6. 
						
  6. 【知识点】inline函数、回调函数、普通函数
		
    目录 一.inline内联函数 1.1 使用 1.2 编译器对 inline 函数处理步骤 1.3 优缺点 1.3.1 优点 1.3.2 慎用内联 1.3.3 不宜使用内联 1.4 虚函数(virtu ...
    
		
    7. 
						
  7. js中匿名函数和回调函数
		
    匿名函数: 通过这种方式定义的函数:(没有名字的函数) 作用:当它不被赋值给变量单独使用的时候 1.将匿名函数作为参数传递给其他函数 2.定义某个匿名函数来执行某些一次性任务 var f = func ...
    
		
    8. 
						
  8. JS中的匿名函数、回调函数、匿名回调函数
		
    工欲善其事必先利其器 在学习JavaScript设计模式一书时,遇到了“匿名回调函数”这个概念,有点疑惑,查找了些资料重新看了下函数的相关知识点之后,对这个概念有了认识.九层之台,起于垒土.在熟悉这一 ...
    
		
    9. 
						
  9. Python技法3：匿名函数、回调函数和高阶函数
		
    1.定义匿名或内联函数 如果我们想提供一个短小的回调函数供sort()这样的函数用,但不想用def这样的语句编写一个单行的函数,我们可以借助lambda表达式来编写"内联"式的函数 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. [LintCode] Coins in a Line II 一条线上的硬币之二
			
    There are n coins with different value in a line. Two players take turns to take one or two coins fr ...
    
			
    2. 
						
  2. CentOS6设置密码过期时间
			
    #密码过期时间180天chage -M 180 rootchage -l rootchage -M 180 gwchage -l gw
    
			
    3. 
						
  3. 演示save point及自治事务的用处
			
    1.确认数据库版本 2 举一个例子,说明save point的用处,给出SQL演示. 2.1环境准备 save point的作用是通过在事务中间设置检查点,可以更加精细的控制事务,防止一部分操作错误而 ...
    
			
    4. 
						
  4. 示例在同一台机器上使用RMAN克隆数据库
			
    1.查看主库ZDJS并使用RMAM进行备份 [oracle@std ~]$ sqlplus '/as sysdba' SQL*Plus: Release - Production on Wed Jan ...
    
			
    5. 
						
  5. Javascript的逻辑判断和循环的知识点
			
    //boolean Number //Number:0,1.2,0377八进制.0xff进制 Infinity无穷大(10/0),指数(科学计数法) //Infinity * 0==NaN //Inf ...
    
			
    6. 
						
  6. GsonUtils.java
			
    package com.vcredit.ddcash.batch.util; import java.util.ArrayList;import java.util.List; import org. ...
    
			
    7. 
						
  7. 将filenames里的每个字符串输出到out文件对象中注意行首的缩进
			
    在Linux上用强大的shell脚本应该也可以完成,可是使用Windows的朋友呢?其实象这样一个简单任务用Python这个强大脚本语言只要几条语句就可以搞定了.个大家知道,要完成这样一个任务根本不用 ...
    
			
    8. 
						
  8. el 表达式  和 ognl表达式
			
    el (expression language) el 基础操作符 el 能够隐含对象(就是可以直接访问的) el 的两种使用方式,第二种好像在jsp中没有什么用,主要用于jsf el能够访问的对象( ...
    
			
    9. 
						
  9. EmguCV 轮廓
			
    一.相关函数 public static void cvDrawContours( IntPtr img, IntPtr contour, MCvScalar externalColor, MCvSc ...
    
			
    10. 
						
  10. 【iCore3 双核心板】例程十四：FATFS实验——文件操作
			
    实验指导书及代码包下载: http://pan.baidu.com/s/1dEpechF iCore3 购买链接: https://item.taobao.com/item.htm?id=524229 ...
    
			
    11.