angular4 前端(伪)同步请求、阻塞请求后台

比眉伴天荒 2022-01-23 20:47 190阅读 0赞

1，(伪)同步请求获取后台数据，按先后顺序执行请求，示例：

import \{ map, mergeMap \} from "rxjs/operators";

this.http.get("api/sysCityRegion/address", \{ parentId: "CN" \}).pipe(mergeMap((res: any) => \{  
          this.province = res;  
          this.region = \[\];  
          this.city = \[\];  
          this.provinceCode = "150000";  
          this.regionCode = null;  
          this.cityCode = null;  
          return this.http.get("api/sysCityRegion/address", \{ parentId: "150000" \}) //默认设置市  
        \})).pipe(mergeMap((res1: any) => \{  
          this.city = res1;  
          this.region = \[\];  
          this.regionCode = null;  
          this.cityCode = "150500";  
          return this.http.get("api/sysCityRegion/address", \{ parentId: "150500" \})//默认设置区  
        \})).subscribe((res2: any) => \{  
          this.region = res2;  
          this.regionCode = null;  
        \})

2，当满足一定条件时，才加载simple-table的数据，解决方法：

<simple-table \#st\_card \[data\]="url\_card" \[extraParams\]="model\_card" \[scroll\]="\{x: '1250px'\}"

\[columns\]="columns\_card" toTopInChange showSizeChanger showQuickJumper showTotal>

<ng-template st-row="seqCmp" let-item let-index="index">

\{ \{item.disable?'-':index+1+(st\_card.pi-1)\*st\_card.ps\}\}

</ng-template>

</simple-table>

===》 最开始不初始化url\_card，待异步请求后台返回满足条件后，再对url\_card进行赋值即可

发表评论取消回复

表情：

评论列表（有 0 条评论，190人围观）

还没有评论，来说两句吧...

相关阅读

相关同步请求与异步请求

![在这里插入图片描述][ad5ae367e5ae4171ab9992eff00a3430.png] ![在这里插入图片描述][fe65561a13c74fb4b0f4ef

灰太狼/ 2024年03月26日 18:06/ 0 赞/ 78 阅读

相关 angular数据get请求

先在根模块app.module.ts文件引入 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_

缺乏、安全感/ 2023年08月17日 16:52/ 0 赞/ 141 阅读

相关 Angular Rxjs异步请求和http请求

一、异步请求异步请求有三种方式：1. 回调函数获取异步数据 2.Promis获取异步数据 3. Rxjs获取异步数据 1.1 回调函数获取异步数据

￡神魔★判官ぃ/ 2023年06月13日 06:05/ 0 赞/ 22 阅读

相关 Angular请求同步async、await使用方式

原文出处：[https://blog.csdn.net/inforstack/article/details/84305087?utm\_medium=distribute.p

左手的ㄟ右手/ 2023年02月22日 05:07/ 0 赞/ 12 阅读

相关 angular 网络请求

demo13.component.ts import { Component, OnInit } from '@angular/core'; import {

待我称王封你为后i/ 2022年06月01日 06:10/ 0 赞/ 192 阅读

相关前端页面定时向后台发送json请求

function getUserCount() \{ $.getJSON(pagePath + '/getUserCount.do', function(data)

r囧r小猫/ 2022年05月30日 06:41/ 0 赞/ 316 阅读

相关 angular4对http请求的封装

本章节使用到的技术点 1、封装了带头部信息的(可能出于安全考虑`CSRF`攻击类的,或者`python-web`开发就必须要带`tockend`头信息) 2、简单

以你之姓@/ 2022年05月27日 11:53/ 0 赞/ 213 阅读

相关 Angular4基本网络请求get、post方式

angular2的网络请求和4还是有很大区别的，写一个项目的话肯定会用到http服务，除非你都是静态页，这只是一个最基本的、深入的拓展即可，希望能够帮助大家吧，谢谢首先如

秒速五厘米/ 2022年05月08日 16:36/ 0 赞/ 192 阅读

相关 angular4 前端(伪)同步请求、阻塞请求后台

1，(伪)同步请求获取后台数据，按先后顺序执行请求，示例： import \{ map, mergeMap \} from "rxjs/operators"; this.h

比眉伴天荒/ 2022年01月23日 20:47/ 0 赞/ 191 阅读

相关 ajax 请求后台

先简单的记录一下 ajax 的用法 HttpServletResponse response = ServletActionContext.ge

柔情只为你懂/ 2021年11月16日 22:50/ 0 赞/ 367 阅读