python测试开发django-172.jQuery 发送请求获取的数据设置为全局变量

上海-悠悠

发布于 2021-11-16 15:55:01

2.1K00

文章被收录于专栏：从零开始学自动化测试从零开始学自动化测试

运行总次数：0

前言

网页上的数据来源于ajax请求获取服务端数据，通常是写个触发方式获取数据加载到页面。如果有多个地方需要获取同一个接口的请求数据，每次都去触发请求会导致请求重复，像这种只触发一次请求，页面多个地方需要引用此数据情况，可以设置为全局变量。

jQuery请求数据

先定义全局变量res_obj，获取接口返回结果后重新赋值给res_obj

<script>
// 获取接口返回数据设置为全局变量
var res_obj={};
$.ajax({
    url: '/banks',
    type: 'get',
    dataType: 'json',
    async: false,  // 重要
    success: function(data){
        res_obj=data;
    },
    error:function(jqXHR, textStatus, e){
      console.log("项目数据异常："+e);
    }
});
console.log(JSON.stringify(res_obj)); // 查看结果
</script>

运行结果

async 异步与同步

async 参数使用说明

async 默认是 true，即为异步方式，.ajax执行后，会继续执行ajax后面的脚本，直到服务器端返回数据后，触发.ajax里的success方法，这时候执行的是两个线程。
async 设置为 false，则所有的请求均为同步请求，在没有返回值之前，同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行。

如果设置async为true,那么是获取不到请求结果

<script>
// 获取接口返回数据设置为全局变量
var res_obj={};
$.ajax({
    url: '/banks',
    type: 'get',
    dataType: 'json',
    async: true,  // 无结果
    success: function(data){
        res_obj=data;
    },
    error:function(jqXHR, textStatus, e){
      console.log("项目数据异常："+e);
    }
});
console.log(JSON.stringify(res_obj)); // 查看结果
</script>