我正在使用控制器端的servlet和前端的Angle创建Java Web应用程序。此应用程序使用javamail api从电子邮件帐户(例如gmail)获取电子邮件,然后将它们作为json格式返回。我做了所有这些事情。我可以携带电子邮件,并使用servlet以json格式返回它们,但是我的问题是我无法使用angular显示它们。我试图在此网站上测试我的代码” [ C0]”以使用json测试我的角度,它将带来所有数据,但是当我对其进行修改并在我的应用中尝试时,它不会带来任何影响。这是我的应用程序中的json数据的示例。http://jsonplaceholder.typicode.com/users
这是打印此数据的servlet代码:
这是角度代码以获取json数据并显示它:
html
// TODO Auto-generated method stub
doGet(request, response);
EmailAccount emailaccount= new EmailAccount("[email protected]","HardPas$$word!@");
EmailServices read = new EmailServices();
ArrayList<Email> emails = new ArrayList<Email>();
emails = read.readEmail(emailaccount);
String json = new Gson().toJson(emails.get(2));
response.setContentType("application/json");
response.setCharacterEncoding("UTF-8");
response.getWriter().write(json);
}
component:
<form action="http://127.0.0.1:8080/oneBox/ReadEmail" method="POST" (submit)="onSubmit()">
<input type="submit" value="submit">
</form>
<ul >
<li>
{{users.id}}
</li>
<li>
{{users.title}} ---- {{users.from}}
</li>
<li>
{{users.to}}
</li>
</ul>
和我的服务代码:
import { Component, OnInit } from '@angular/core';
import { MyServiceService } from '../../services/my-service.service';
import {EmailModel} from '../../models/user.model'
@Component({
selector: 'app-my-compo',
templateUrl: './my-compo.component.html',
styleUrls: ['./my-compo.component.css']
})
export class MyCompoComponent implements OnInit {
users:EmailModel;
constructor(public service:MyServiceService) {
}
onSubmit(){
this.service.getUsers().subscribe(
users => {this.users=users;});
}
ngOnInit(): void {
}
}
所以我的问题是我如何从本地服务器中获取这些json数据并使用angular打印]]?
我正在使用控制器端的servlet和前端的角创建一个Java Web应用程序。此应用程序使用javamail api从电子邮件帐户(例如gmail)获取电子邮件,然后将它们作为邮件返回。
您的后端似乎运行良好,因为您从Java方面获得了正确的JSON响应。