有时候， 需要以不同的参数调用某个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. inconfont 字体库应用
			
    先去注册个号码,好像只可以用新浪微博登录哈,搞一个微博去. 第一就是点上面图标库,选择官方和所有都行. 恩接着点一个图标,他就自己跑到 第二个按钮哪里去了,在点第二个按钮,会出来一个创建项目,随便创建 ...
    
			
    2. 
						
  2. mysql sql注入
			
    防止SQL注入,我们需要注意以下几个要点: 1.永远不要信任用户的输入.对用户的输入进行校验,可以通过正则表达式,或限制长度:对单引号和 双"-"进行转换等. 2.永远不要使用动态 ...
    
			
    3. 
						
  3. window常用命令（持续更新）
			
    1.netstat -ano 查看端口占用情况  可以根据PID到任务管理器中找到对应的进程 2.tasklist|findstr 进程号(pid) 查看pid是哪个程序启用的 3.taskkill  ...
    
			
    4. 
						
  4. docker pipework
			
    #!/bin/bash #auto install docker and Create VM #Define PATH Varablies IPADDR=`ifconfig |grep "B ...
    
			
    5. 
						
  5. php发送邮件处理功能页面去除重复的邮箱地址
			
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
    
			
    6. 
						
  6. 《JAVA开发环境的熟悉》实验报告——20145337
			
    
			
    7. 
						
  7. dom4j解析xml文档(增删改查)
			
    package itcast.dom4j; import java.io.File; import java.io.FileOutputStream; import java.io.FileWrite ...
    
			
    8. 
						
  8. jdk安装配置具体分析
			
    JDK 选择安装目录 安装过程中会出现两次 安装提示 .第一次是安装 jdk ,第二次是安装 jre .建议两个都安装在同一个java文件夹中的不同文件夹中.(不能都安装在java文件夹的根目录下,j ...
    
			
    9. 
						
  9. C#网络编程之--TCP协议（一）
			
    TCP 是面向连接的传输协议 面向连接,其实就好比,A打电话给B,如果B接听了,那么A和B之间就的通话,就是面向连接的 TCP 是全双工的传输协议 全双工,这个理解起来也很简单,A打电话给B,B接听电 ...
    
			
    10. 
						
  10. shell读取文件每行,并执行命令
			
    #!/bin/bash while read line do $line & done < /path/filename
    
			
    11.