关于ajax请求数据,并将数据赋值给全局变量的一些解决方法使用说明_ajax攻略教程

在使用ajax请求数据是,开始的时候是打算将ajax的数据取出,并赋予给全局变量,但是在实际编码过程中发现并不能将数据赋予给最开始定义的全局变量,出现这个问题的原因是由于ajax异步加载的原因,所以只能用其他方法来解决,下来是解决的方法第一个解决方法没有使用全局变量,直接在ajax请求中将请求到的数据赋值给需要的地方 第二个方法是将请求到的数据,通过方法传参

关于ajax请求数据,并将数据赋值给全局变量的一些解决方法使用说明

关于ajax请求数据,并将数据赋值给全局变量的一些解决方法使用说明_ajax攻略教程

在使用ajax请求数据是,开始的时候是打算将ajax的数据取出,并赋予给全局变量,但是在实际编码过程中发现并不能将数据赋予给最开始定义的全局变量,出现这个问题的原因是由于ajax异步加载的原因,所以只能用其他方法来解决,下来是解决的方法

第一个解决方法没有使用全局变量,直接在ajax请求中将请求到的数据赋值给需要的地方


第二个方法是将请求到的数据,通过方法传参来传递给一个方法,然后再方法中来调用请求到的数据,下面是实现的代码

var  testData;

        $.ajax({
            url: ‘/test‘,
            type: ‘GET‘,
            dataType: ‘json‘,

            success: function (data, status) {
                testData=data;
                loadData(testData);

            }
        });

function loadData(testData) {
}

这样就可以在loadData中调用请求到的数据了

第三个方法就是将ajax的异步加载改为同步加载

$.ajax({
url: ‘url‘,
type: ‘GET‘,
dataType: ‘json‘,
sync:false,
success: function (data, status) {


}
});
海计划公众号
(0)
上一篇 2020/03/30 16:12
下一篇 2020/03/30 16:12

您可能感兴趣的内容

  • javascript如何定义类?使用帮助_类基础入门

    JavaScript中没有类或接口的概念,即不能直接定义抽象的类,也不能直接实现继承。不过,为了编程的方便,我们可以在JavaScript中模拟类和继承的行为。JavaScript中“定义”类的方法:一、构造函数法这是经典方法,也是教科书必教的方法。它用构造函数模拟”类”,在其内部用this关键字指代实例对象。 function Cat() {this.na

    2020/03/22
  • Angular有哪些版本?基础入门_angular小白攻略

    目前Angular有7个版本,分别为:AngularJS、Angular2、Angular4、Angular5、Angular6、Angular7、Angular8。下面本篇文章就来给大家介绍一下,希望对大家有所帮助。版本1AngularJS是一款由Google维护的开源JavaScript库,用来协助单一页面应用程序运行。它的目标是透过MVC模式(MVC)

    2020/03/22
  • 程序员打造影响力常犯的 3 个错使用说明_程序员小白指南

    何为影响力?影响力就是帮助他人的能力,除了掌握专业技术之外,你还要练就自我销售的能力。最初,老兵哥写博客也是以记录为主,借文字来记录生活或梳理知识,读书笔记、观影感受、户外游记、技术积累等,偶尔会有读者关注或互动,但我没太关注阅读量和订阅量。直到前些年我才逐渐意识到,打造影响力对职业或事业的发展都非常重要。如果你能持续输出有价值的知识或经验给读者,或解答读者

    2020/03/24
  • new,call,apply,bind方法的实现原理菜鸟教程下载_原理小白入门

    javascript中new,call,apply,bind等方法是我们经常要使用到,在伪数组转数组、函数传参、继承等场景中,都离不开他们。这里就不具体讨论他们的使用方法,我们将研究他们的实现方式,重写属于我们自己的方法,让大家重新认识他们的实现过程,使我们在开发中知其然,知其所以然!new的实现我们用new实例化一个构造函数,生成一个实例对象,而new到底

    2020/03/24
  • JSFiddle基础知识一款在线的代码编辑器,通过流行的JS框架创建自定义的环境,以简化JS代码

    JSFiddle基础入门 官方网址:http://jsfiddle.net/ 简介描述:一款在线的代码编辑器,通过流行的JS框架创建自定义的环境,以简化JS代码 jsFiddle&…

    2020/03/05
  • Node.js的内存分配和垃圾回收基础教程_内存菜鸟教程下载

    内存分配Node.js是一个由JavaScript V8引擎控制的C++程序,V8的内存管理模式一个运行的程序通常是通过在内存中分配一部分空间来表示的。这部分空间被称为驻留集(Resident Set)。V8的内存管理模式有点类似于Java虚拟机(JVM),它会将内存进行分段:代码 Code:实际被执行的代码栈 Stack:包括所有的携带指针引用堆上对象的值

    2020/03/23
  • 慎用try catch小白知识_异常使用说明

    前言ECMA-262第3版引入了try catch语句,作为JavaScript中处理异常的一种标准方式。基本的语法如下所示。但是在前端js代码中很少看到try catch语句,并不是所以代码都需要加try catch来作得不偿失的“保险”,下面来分析作为前端代码,哪些地方才需要真正加try catch。一、try catch语法try {//可能会导致错误

    2020/04/03
  • Iconfever使用帮助_国外免费图标下载

    Iconfever菜鸟指南 官方网址:http://iconfever.com/ 简介描述:国外免费图标下载 Icon Fever – The Best Free an…

    2020/03/06
  • swiper在angular.js中使用循环轮播失效的解决方法总汇使用攻略_轮播攻略教程

    我们在anjular.js 中使用了swiper轮播图,把json数据放入swiper-slide中,容易出现swiper循环轮播失效的问题,就此整理一些此问题的解决方法。1、动态接口形式获取数据的情况:当swiper中的json数据是通过接口形式获取的,我们如果把轮播js代码写在获取数据中,因为他是先获取数据才执行轮播的,如果你把他放在外部,实行轮播数据获

    2020/04/03
  • 将区块链整合到企业的业务中的五大策略使用帮助_区块链指南攻略

    考虑到所有主要加密货币的增长,以及区块链周围隐藏的令人钦佩的特性,一些公司正在考虑将区块链技术集成到他们的业务中,并且这已经不是什么新闻了。区块链技术就被认为只是比特币的公共交易账本。但今天,它令人难以置信的好处已经超越了加密货币的交易。区块链是一个伟大的创新,就像20年前互联网的出现一样。在采用这种技术之前,需要考虑以下五种策略。1. 最小化风险——运行一

    2020/03/26
  • CSS选择器:nth-child()和:nth-of-type()的使用菜鸟攻略_选择器小白攻略

    今天就讲一下css选择器:nth-child()和:nth-of-type()的使用。一、:nth-child()和:nth-of-type()的支持度所有主流浏览器均支持:nth-child()和:nth-of-type()选择器,除了 IE8 及更早的版本。二、:nth-child()和:nth-of-type()的一般使用方法1、:nth-child(

    2020/03/24
  • 为什么 Flutter 还不是最成熟的跨端框架?菜鸟教程下载_Flutter入门知识

    背景最近一段时间 Flutter 的技术热度非常高,各个大厂和很多开发者都在积极的学习并尝试。关于 Flutter 的科普文章已经非常多了,Flutter 的优点也不再骜述。本文会结合 Flutter 和 React Native 的实际项目中的遇到的问题,进行相对客观的对比,也指出一些现阶段 Flutter 的不足之处,避免大家踩坑。JS VS DartF

    2020/03/29
  • 程序员必须知道的10大基础实用算法及其讲解菜鸟教程下载_算法使用指南

    算法一:快速排序算法快速排序是由东尼·霍尔所发展的一种排序算法。在平均状况下,排序 n 个项目要Ο(n log n)次比较。在最坏状况下则需要Ο(n2)次比较,但这种状况并不常见。事实上,快速排序通常明显比其他Ο(n log n) 算法更快,因为它的内部循环(inner loop)可以在大部分的架构上很有效率地被实现出来。快速排序使用分治法(Divide a

    2020/04/06
  • 21世纪教育指南教程_试题,课件,教案,学案、资源

    21世纪教育指南教程 官方网址:https://www.21cnjy.com/

    2020/03/11
  • package.json文件介绍使用帮助_json基础知识

    1. 概述每个项目的根目录下面,一般都有一个package.json文件,定义了这个项目所需要的各种模块,以及项目的配置信息。npm install命令根据这个配置文件,自动下载所需的模块。2.字段介绍{“name”: “模块名称”,”version”: “0.0.1”, // 模块版本”author”: “作者”,”description”: “模块描述”

    2020/03/29
  • Node.js使用Kafka-node模块实现生产者与消费者攻略教程_模块小白知识

    基于Node.js,采用Kafka-node模块实现生产者与消费者,我正在做一个的项目,我在自己的服务器上有一个Kafka生产者,并使用Kafka-Node作为我的应用程序的消费者。生产者代码/*** 生产者*/const kafka = require(‘kafka-node’);let conn = {‘kafkaHost’:’127.0.0.1:909

    2020/03/29