ajax返回数据赋值给全局变量的问题

最新推荐文章于 2024-08-02 17:01:39 发布
最新推荐文章于 2024-08-02 17:01:39 发布
阅读量1.3w 收藏 8
点赞数 3
分类专栏： js 文章标签： ajax 全局变量 浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lx_nhs/article/details/79041632
版权

问题的引出

使用ajax从后台查询数据给ztree赋值初始化时, 发现ajax成功回调方法中不能将返回值赋给js中声明的全局变量, 如图所示:
这里写图片描述

ztree初始化失败, 因为ztreeNodes为Null(请自动忽略setting的配置), 在浏览器控制台可以看到:
log1处打印了数据, 而log2显示undefin.
你会发现当你先 alert 一下，一切又正常了.
然而, 将91行的ztree初始化代码移至84行, 页面是可以显示树形图的.

解决:

出现这种问题是因为js代码的执行顺序, 因为ajax默认async为true(异步), 异步加载的数据还未收到, 上图中的代码执行顺序是:
  log2 —> log1
也就是说在91行执行的时候, ajax还没有执行, 所以ztreeNodes是undefin.

解决方法有两个:

1.将ztree的初始化放在ajax的回调方法中.
2.设置ajax的async:false, 如果这样, 浏览器就会等待ajax执行完毕再执行下面的代码
是码农没错了
关注
  • 3
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
ajax同步提交数据，并把请求返回值赋值给全局变量
qq_34851184的博客
11-17 3018
ajax默认请求是异步的即async: true,只需改为async: false即可 function ajaxFormat(url,params){ var dictBasic = ""; $.ajax({             cache: true,             type: "POST",             url:url,            
js ajax 赋值,js设置全局变量ajax中赋值
weixin_42168230的博客
08-05 2042
js设置全局变量，在ajax中给予赋值赋值不上问题解决方案方案一、//在全局或某个需要的函数内设置Ajax异步为false，也就是同步.$.ajaxSetup({async : false});//然后再进行你的Ajax操作$.post(地址, 参数, function(data, status) { if (status == "success") { //赋值给全局变量 } });方案二、$....
ajax请求获取的数据赋值给全局变量
欢迎光临雨落星辰的博客
05-17 1688
function loadData(id) { $.ajax({ url:"{% url 'post_address' %}", type:'get', async:false, traditional:true, dataType:"json", success:functi...
ajax回调给全局变量,jquery.Ajax回调成功后数据赋值给全局变量的问题
weixin_35776153的博客
08-05 485
先来看一代码ajaxfunctioncheckoldpass($pass){$.ajax({type:'get',url:'/admin/check',data:{'password':$pass},dataType:'json',success:function(data){console.log(data)}});console.log(123);}这个运行结果是：json...
ajax返回json怎么赋给js变量,js Ajax跨域调用JSON并赋值全局变量
wgq2020的博客
11-13 175
如果需要跨域调用JSON并赋值全局变量，可以使用JSONP方式进行跨域请求。JSONP是一种跨域请求的方案，它利用。在这个例子中，我们创建了一个。
ajax 赋值 获取,ajax得到的数据赋值给js中的全局变量
weixin_42356284的博客
08-05 1216
在JS函数里面用了AJAX，然后就发现怎么里面都赋值不了给全局变量，原来是异步的问题，如下：我们在用JQuery的Ajax从后台提取数据后想把它赋值给全局变量，但是却怎么都赋不进，为什么呢？原因其实很简单，我们用的Ajax是异步操作，也就是说在你赋值的时候数据还没提取出来，你当然赋不进去，所以只要改成同步操作就行~方法１：先设置同步在进行Ajax操作//在全局或某个需要的函数内设置Ajax异步为f...
ajax怎么传全局变量的值,ajax方法如何给全局变量赋值(示例代码)
weixin_42245701的博客
08-05 803
简介这篇文章主要介绍了ajax方法如何给全局变量赋值(示例代码)以及相关的经验技巧，文章约1904字，浏览量310，点赞数5，值得参考！在调用一个jquery的ajax方法时我们有时会需要该方法返回一个值或者给某个全局变量赋值，可是我们发现程序执行完后并没有获取到我们想要的值，这时很有可能是因为你用的是ajax的异步调用async:true(默认情况),如：function ManageComme...
关于ajax请求数据，并将数据赋值给全局变量的一些解决方法
Sean的博客
10-12 9860
在使用ajax请求数据是，开始的时候是打算将ajax的数据取出，并赋予给全局变量，但是在实际编码过程中发现并不能将数据赋予给最开始定义的全局变量，出现这个问题的原因是由于ajax异步加载的原因，所以只能用其他方法来解决，下来是解决的方法第一个解决方法没有使用全局变量，直接在ajax请求中将请求到的数据赋值给需要的地方 第二个方法是将请求到的数据，通过方法传参来传递给一个方法，然后再方法中来调用请求
前端$.ajax()给全局变量赋值问题解决。
心有猛虎,是只大喵的博客
07-27 3004
今天在做项目时，遇到了一个问题。我用的是ajax，要在$.ajax({里面给一个全局变量赋值，结果死活赋值不上，纠结了好半天，后来上网查了查，才知道，ajax默认是异步请求，（当要赋值时，此时的值没有拿到，所以赋值不成功）如果要在$.ajax({里面给全局变量赋值，需要改为同步操作，即加上async : false，就可以了。 复制代码 代码如下: $.ajax({  type:"post"...
ajax给全局变量赋值问题解决示例
12-11
要在$.ajax({里面给一个全局变量赋值，结果死活赋值不上，纠结了好半天，后来上网查了查，才知道，ajax默认是异步请求，（当要赋值时，此时的值没有拿到，所以赋值不成功）如果要在$.ajax({里面给全局变量赋值，需要...
JQuery中使用Ajax赋值给全局变量异常的解决方法
12-10
我们在用JQuery的Ajax从后台提取数据后想把它赋值给全局变量，但是却怎么都赋不进，为什么呢？ 原因其实很简单，我们用的Ajax是异步操作，也就是说在你赋值的时候数据还没提取出来，你当然赋不进去，所以只要改成...
Ajax获取回调函数无法赋值给全局变量的问题
10-18
因此，当我们尝试在Ajax请求外直接赋值全局变量时，由于Ajax请求尚未完成，数据尚未返回，所以赋值操作往往是无效的。这也就解释了为什么描述中提到的`data1`总是在回调函数中的`data`之前弹出。 例如，假设我们有...
jQuery中的ajax通信技术的讲解
x15514104477的博客
08-02 1310
jQuery中的ajax通信技术里面的10中方法，其中 $.ajax() 方法最为常用，讲解的最为详细
FLY（数据迁移工具） 官方部署操作手册4.9 2022.05月版本
08-05
https://cdn.avepoint.com/pdfs/ape/FLY_Installation_Guide_zh-cn_v
[毕业设计]Java多媒体租赁店管理系统设计与实现(源代码+论文).zip
08-05
[毕业设计]Java多媒体租赁店管理系统设计与实现(源代码+论文)
[java毕业作品]VB.NET+Access电表数据可视化分析系统(源代码+论文)
最新发布
08-05
[java毕业作品]VB.NET+Access电表数据可视化分析系统(源代码+论文)
2023电赛.zip
08-05
对于计算机专业的学生而言，参加各类比赛能够带来多方面的益处，具体包括但不限于以下几点： 技能提升： 参与比赛促使学生深入学习和掌握计算机领域的专业知识与技能，如编程语言、算法设计、软件工程、网络安全等。 比赛通常涉及实际问题的解决，有助于将理论知识应用于实践中，增强问题解决能力。 实践经验： 大多数比赛都要求参赛者设计并实现解决方案，这提供了宝贵的动手操作机会，有助于积累项目经验。 实践经验对于计算机专业的学生尤为重要，因为雇主往往更青睐有实际项目背景的候选人。 团队合作： 许多比赛鼓励团队协作，这有助于培养学生的团队精神、沟通技巧和领导能力。 团队合作还能促进学生之间的知识共享和思维碰撞，有助于形成更全面的解决方案。 职业发展： 获奖经历可以显著增强简历的吸引力，为求职或继续深造提供有力支持。 某些比赛可能直接与企业合作，提供实习、工作机会或奖学金，为学生的职业生涯打开更多门路。 网络拓展： 比赛是结识同行业人才的好机会，可以帮助学生建立行业联系，这对于未来的职业发展非常重要。 奖金与荣誉： 许多比赛提供奖金或奖品，这不仅能给予学生经济上的奖励，还能增强其成就感和自信心。 荣誉证书或奖状可以证明学生的成就，对个人品牌建设有积极作用。 创新与研究： 参加比赛可以激发学生的创新思维，推动科研项目的开展，有时甚至能促成学术论文的发表。 个人成长： 在准备和参加比赛的过程中，学生将面临压力与挑战，这有助于培养良好的心理素质和抗压能力。 自我挑战和克服困难的经历对个人成长有着深远的影响。 综上所述，参加计算机领域的比赛对于学生来说是一个全面发展的平台，不仅可以提升专业技能，还能增强团队协作、沟通、解决问题的能力，并为未来的职业生涯奠定坚实的基础。
销售员业绩统计表.xlsx
08-05
销售管理表，财务报表，占比分析，消费能力分析，日程安排，提成表，考核表 适用人群：学习不同技术领域的小白或进阶学习者；可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
layui动态表格请求接口后将数据赋值给全局data变量
03-31
假设请求接口地址为 `/api/tableData`，并且返回的数据格式为： ```json { "code": 0, "msg": "", "count": 100, "data": [ { "id": 1, "name": "张三", "age": 18, "gender": "男" }, { "id": 2, "name": "李四", "age": 20, "gender": "女" }, // 其他数据... ] } ``` 则可以使用以下代码将数据赋值给全局 data 变量： ```javascript var tableData; // 定义全局变量 // 请求接口获取数据 $.ajax({ url: '/api/tableData', type: 'GET', success: function(res) { if (res.code === 0) { tableData = res.data; // 将数据赋值给全局变量 // 渲染表格 layui.use('table', function() { var table = layui.table; table.render({ elem: '#table-demo', data: tableData, // 其他配置... }); }); } else { layer.msg(res.msg || '请求失败'); } }, error: function() { layer.msg('请求失败'); } }); ``` 在请求接口成功后，将返回的数据赋值给全局变量 `tableData`，然后使用 layui 的 `table.render()` 方法渲染表格，并将 `tableData` 作为表格的数据源。这样就可以在后续的操作中使用 `tableData` 变量了。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值