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

Posted 上海-悠悠

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了python测试开发django-172.jQuery 发送请求获取的数据设置为全局变量相关的知识,希望对你有一定的参考价值。

前言

网页上的数据来源于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,即为异步方式, . a j a x 执 行 后 , 会 继 续 执 行 a j a x 后 面 的 脚 本 , 直 到 服 务 器 端 返 回 数 据 后 , 触 发 .ajax执行后,会继续执行ajax后面的脚本,直到服务器端返回数据后,触发 .ajaxajax.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>

以上是关于python测试开发django-172.jQuery 发送请求获取的数据设置为全局变量的主要内容,如果未能解决你的问题,请参考以下文章

测试开发系列之Python开发mock接口

学习python 测试开发

测试开发系列之Python开发mock接口

Python 开发与接口测试学习笔记

Python:Python常用开发框架Framework(WEB测试爬虫)总结

测试开发系列之Python开发mock接口