【问题标题】:send restful request from Angular 2从 Angular 2 发送安静的请求
【发布时间】:2018-08-24 09:30:07
【问题描述】:

我有一个 Angular 登录应用程序,并且我在 java 中有一个 restful 网络服务,它应该在数据库中搜索一个用户。请帮助我如何将请求从角度发送到此服务。提前致谢

【问题讨论】:

标签: javascript java angular rest


【解决方案1】:

首先,在 Angular 中创建一个服务,它将作为您的 Web 服务和 Angular 应用程序之间的连接器。要创建 service.ts,请关注 this。 在你的 service.ts 中添加类似

的代码
searchService() {
    const url = 'yourURL' + 'your api url';
    return this.http.get(url).map((res: Response) => res.json()); 
}//for get request



searchService(data) {
      const url = 'yourURL' + 'your api url';
      return this.http.post(url, data, this.jwt()).map((response: Response) => response.json());
  }//for post request

在将 service.ts 导入所需的 .ts 文件后,现在在 .ts 文件中调用此服务函数,例如:

callSearchService() {
    this._service.searchService(data).subscribe(searchData => {
        console.log(searchData);//your API response
    });
}

这应该有助于您将 Angular 应用程序引入数据库。 请询问您是否有任何疑问。

【讨论】:

  • 这是我的服务 searchUser(fname:string,lname:string){ const url='localhost:8080/SearchApp-1.0/fname/lname'; return this.http.get(url).pipe(map((response: Response) => response.json())); } 这是我从 .ts 文件 this.searchService.searchUser(this.firstName,this.lastName).subscribe(searchData=>{ console.log(searchData); }) } 调用的方式,它应该在 onClick 事件上工作,但是当我单击按钮时,我收到此错误“zone.js: 2969 无法加载 localhost:8080/SearchApp-1.0/fname/lname.." 我该怎么办?
  • "zone.js:2969 无法加载 localhost:8080/SearchApp-1.0/fname/lname:跨源请求仅支持协议方案:http、data、chrome、chrome-extension、https 。”
猜你喜欢
  • 2017-05-12
  • 1970-01-01
  • 2016-07-12
  • 2015-12-30
  • 2018-05-26
  • 1970-01-01
  • 2019-09-14
  • 2017-03-07
  • 1970-01-01
相关资源
最近更新 更多