jQuery中for循环var与let使用详解

这次给大家带来jQuery中for循环var与let使用详解,jQuery中for循环var与let使用的注意事项有哪些,下面就是实战案例,一起来看一下。

今天在写jQuery请求接口中发现一个问题:

      在用AJAX发送请求中又嵌套了一个AJAX请求,发现在内层请求的success中对第一次success中的循环变量 i 无法获取,具体代码如下:

$.ajax({    type: "get",    url: "//////////////////////////",    success: function (result) {      rs = JSON.parse(result).data;      for (var i = 0; i < rs.length; i++) { //用var定义有问题        var pos_ = ""        $.ajax({          type: 'GET',          async: false,          dataType: 'jsonp',          contentType: 'application/json; charset=utf-8',          url: "///////////////////////////////////",          success: function (result) {            console.log(rs[i]) //报错          }        })      }    }  })

登录后复制

  在第二次的ajax请求后的回调函数中,rs[i]是会报错的。

  解决方案:

    将for循环中声明变量var i 更改为let i

  具体原因:

  是第一次回调函数后的for循环中,如果你再次发送请求,for循环并不会停止,即使你写了同步请求也不行。

  但是如果你在声明for循环变量用let后,代码会直到你请求完毕,回调函数执行完毕后,再进行下一次的循环。

  这就考虑到了一个闭包的问题,如果你写var和let声明的作用域不同。

  let i 会以局部变量的形式传递

  var i 会以全局变量的形式传递

  如果要想将 i 变量传递给下一层,要使用let 去声明。

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

js注入使用详解

JS常用技巧有哪些

以上就是jQuery中for循环var与let使用详解的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2769384.html

(0)
上一篇 2025年3月8日 12:21:01
下一篇 2025年2月19日 00:24:33

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • jQuery框架使用详解

    这次给大家带来jQuery框架使用详解,jQuery框架使用的注意事项有哪些,下面就是实战案例,一起来看一下。 下面将使用简化的代码来介绍,主要关注jQuery的实现思想~>_ //匿名立即执行函数//.防止污染全局空间//.选择性保…

    2025年3月8日
    200
  • jQuery主要API有哪些

    这次给大家带来jQuery主要API有哪些,jQuery主要API使用的注意事项有哪些,下面就是实战案例,一起来看一下。 jquery核心函数 函数 描述jQuery() 这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配…

    2025年3月8日
    200
  • jQuery雪花飘落实现步骤(附代码)

    这次给大家带来jQuery雪花飘落实现步骤(附代码),jQuery雪花飘落实现的注意事项有哪些,下面就是实战案例,一起来看一下。 前言 最近闲来无事,准备写个雪花飘落的效果,没有写太牛逼的特效,极大的简化了代码量,这样容易读取代码,用起来也…

    2025年3月8日 编程技术
    200
  • jQuery判断上传图片类型与大小方法详解

    这次给大家带来jQuery判断上传图片类型与大小方法详解,jQuery判断上传图片类型与大小的注意事项有哪些,下面就是实战案例,一起来看一下。 这里使用jQuery判断上传图片的类型和大小: 图片格式为:图片大小为:$(function()…

    编程技术 2025年3月8日
    200
  • jquery总体架构分析与使用详解

    这次给大家带来jquery总体架构分析与使用详解,jquery总体架构分析与使用的注意事项有哪些,下面就是实战案例,一起来看一下。 jquery的总体架构 (function( window, undefined ) { // 构造 jQu…

    编程技术 2025年3月8日
    200
  • jQuery实现鼠标点击处心形漂浮效果(附代码)

    这次给大家带来jQuery实现鼠标点击处心形漂浮效果(附代码),jQuery实现鼠标点击处心形漂浮效果的注意事项有哪些,下面就是实战案例,一起来看一下。 鼠标点击一下,在鼠标上方显示一个爱心❤,并有慢慢向上消失的效果,如下图: 是不是很炫酷…

    2025年3月8日
    200
  • jQuery无new构建使用详解

    这次给大家带来jQuery无new构建使用详解,jQuery无new构建使用的注意事项有哪些,下面就是实战案例,一起来看一下。 jQuery的无new构建 jQuery框架的核心就是从HTML文档中匹配元素并对其执行操作、 回想一下使用 j…

    2025年3月8日
    200
  • jQuery库冲击时使用详解

    这次给大家带来jQuery库冲击时使用详解,jQuery库冲击时使用的注意事项有哪些,下面就是实战案例,一起来看一下。 前言 一次面试中面试官问到jQuery和别的库冲突怎么解决?虽然以前看过,但是我已经不记得了。 我的思路就是如果让我来设…

    2025年3月8日
    200
  • jquery基础知识点使用详解

    这次给大家带来jquery基础知识点使用详解,jquery基础知识点使用的注意事项有哪些,下面就是实战案例,一起来看一下。 jQuery是一个优秀的、轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF1.5+, Sa…

    编程技术 2025年3月8日
    200
  • jQuery让浏览器相互跳转传递参数使用详解

    这次给大家带来jQuery让浏览器相互跳转传递参数使用详解,jQuery让浏览器相互跳转传递参数的注意事项有哪些,下面就是实战案例,一起来看一下。 one.html 点击 $(“#searchBtn”).click(function() {…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论