有时候， 需要以不同的参数调用某个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. Common Subsequence   LCS
			
    题目链接:http://acm.hust.edu.cn/vjudge/contest/view.action?cid=87730#problem/F 题目: Description A subsequ ...
    
			
    2. 
						
  2. [CareerCup] 15.2 Renting Apartment II 租房之二
			
    Write a SQL query to get a list of all buildings and the number of open requests (Requests in which  ...
    
			
    3. 
						
  3. ado.net 实体类_数据访问类
			
    实体类: using System; using System.Collections.Generic; using System.Linq; using System.Text; namespace ...
    
			
    4. 
						
  4. 获取到body的offsetTop和offsetLeft值
			
    function offsetTL(obj){//获取到body的offsetTop和offsetLeft var t=0,l=0; while(obj){ t=t+obj.offsetTop; l= ...
    
			
    5. 
						
  5. bootstrap学习笔记之四（javascript插件）
			
    下面展现四个插件的用法,一般插件的功能可以用两种方法实现,一种是引入bootstrap.js后,通过添加data属性实现,另一种则是通过js代码是实现. 第一个插件:下拉菜单的实现 第一种方法:dat ...
    
			
    6. 
						
  6. 使用redis的五个注意事项
			
    http://blog.nosqlfan.com/html/3705.html 下面内容来源于Quora上的一个提问,问题是使用Redis需要避免的五个问题.而回答中超出了五个问题的范畴,描述了五个使 ...
    
			
    7. 
						
  7. 导出查询结果到excle
			
    实现功能 输入查询结果 点击导出查询结果 导出到excle表.
    
			
    8. 
						
  8. 解决微信浏览器无法使用window.location.reload()刷新页面
			
    解决方法: 使用    window.location.href=window.location.href+随机数    代替 window.location.reload(). function r ...
    
			
    9. 
						
  9. 让dwz 在td里显示图片
			
    让dwz 在td里显示图片 <!@{foreach from = $list item = element}@> <tr target="gid" rel=&qu ...
    
			
    10. 
						
  10. html中select只读显示
			
    因为Select下拉框只支持disabled属性,不支持readOnly属性,而在提交时,disabled的控件,又是不提交值的.现提供以下几种解决方案: 1.在html中使用以下代码,在select ...
    
			
    11.