angular 网络请求

待我称王封你为后i 2022-06-01 06:10 182阅读 0赞

demo13.component.ts

import { Component, OnInit } from '@angular/core';
    import {MyHttpService} from './myhttp.service';
    
    @Component({
        selector: 'demo13',
        template: `
            <h2>http</h2>
            <button (click)="handleClick()">按钮</button>
        `
    })
    
    export class Demo13Component implements OnInit {
        constructor(private myHS:MyHttpService) { }
    
        ngOnInit() { }
    
        handleClick(){
            this.myHS.sendRequest('http://jsonplaceholder.typicode.com/posts').subscribe((result)=>{
                console.log(result);
            });
        }
    }

myhttp.service.ts

import { Injectable } from '@angular/core';
    import { Http, Response } from '@angular/http';
    import { Observable } from 'rxjs/Observable';
    import 'rxjs/add/operator/map';
    import 'rxjs/add/operator/catch';
    
    @Injectable()
    export class MyHttpService {
        constructor(private http: Http) { }
        
        sendRequest(myUrl:string){
            //a-http-get
            return this.http.get(myUrl,{withCredentials:true}) //withCredentials 携带凭证，如果服务器是php，需要加两个请求头
                .map((response: Response) => response.json());
        }
    }

app.module.ts：

import \{ HttpModule\} from '@angular/http';

import \{ MyHttpService\} from './demo13/myhttp.service';

@ NgModule(\{

providers:\[ HeartService, MyHttpService\],

imports: \[ BrowserModule, FormsModule, HttpModule \],

header('Access-Control-Allow-Origin:http://localhost:3000');
    header('Access-Control-Allow-Credentials: true');

发表评论取消回复

表情：

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

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

相关阅读

相关 angular数据get请求

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

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

相关 axios网络请求

> 人的一生就像一篇文章，只有经过多次精心修改，才能不断完善。 > 你好，我是梦阳辰，期待与你相遇！文章目录 01.概述 02.axios请求方式

末蓝、/ 2023年01月10日 14:38/ 0 赞/ 202 阅读

相关网络请求

1、同步请求可以从因特网请求数据，一旦发送同步请求，程序将停止用户交互，直至服务器返回数据完成，才可以进行下一步操作， 2、异步请求不会阻塞主线程，而会建立一个新的线程来操作

客官°小女子只卖身不卖艺/ 2022年08月21日 04:15/ 0 赞/ 176 阅读

相关 angular 网络请求

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

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

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

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

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

相关 Jsoup请求网络

前言使用了很久的jsonp了，把项目中用到的几个方法总结下吧  <dependency> <groupId

迈不过友情╰/ 2022年03月26日 18:08/ 0 赞/ 217 阅读

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

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

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

相关网络请求&网络图片

网络请求总结 Anroid原生网络请求 HttpURLConnention: 谷歌原生提供的用于网络请求的轻量级方案，支持数据压缩；缺点是封装性差，使用起来麻烦，尤其是做m

落日映苍穹つ/ 2022年01月05日 12:21/ 0 赞/ 261 阅读

相关 electron 网络请求

1、引入主进程:const {net}=require('electron'); 渲染进程:const {net}=require('electr

朴灿烈づ我的快乐病毒、/ 2021年07月25日 02:13/ 0 赞/ 896 阅读

相关 uniapp 网络请求

使用箭头函数避免this指向,回调中的this不是当前页面的this 回调不是箭头函数,this的指向不是当前Vue实例 1、get uni

ゞ浴缸里的玫瑰/ 2021年07月24日 11:27/ 0 赞/ 510 阅读