首页 > Web开发 > 详细

angular5中使用jsonp请求页面

时间:2018-08-19 23:11:55      阅读:1031      评论:0      收藏:0      [点我收藏+]

说多了,都是眼泪,折腾了很久,各种百度,查到的例子,全都报错,可能是因为我的angular的版本太高,向下都不兼容?

我的angular版本为最新的5.2.11:

技术分享图片

下面是正确的jsonp请求的方法

1、启用http及jsonp服务

app.module.ts引入服务

import { HttpClientModule,HttpClientJsonpModule } from ‘@angular/common/http‘;

并加入到@NgModule.imports 数组

 

2、jsonp页面请求

在页面中引入http

import { HttpClient }    from ‘@angular/common/http‘;

声明http

  constructor(private http: HttpClient) {

  }

调用jsonp页面

  getData() {
    let url = "http://localhost/php1/index.php/Home/Api/data";
    this.http.jsonp(url,‘callback‘)
    .subscribe(
    (data) => {
      console.log(data);
    },
    (error) => {
        console.log(error);
    });
  }

angular5中使用jsonp请求页面

原文:https://www.cnblogs.com/modou/p/9503010.html

(1)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!