如何使用 Ember 从 Spring 获取 HTML 页面。如何请求 html 页面?
How can I get a HTML Page from Spring using Ember. How to request a html page?
我在 Spring 中有一个 login.html 页面。我有一个控制器在端口 8080 上提供此页面。如何使用 ember 获得此完整页面?
这是我的控制器:
@Controller
public class LoginController {
LoginService loginService;
public LoginController(LoginService loginService) {
this.loginService = loginService;
}
@RequestMapping("/login")
public String showJoke(Model model){
model.addAttribute("date",loginService.getDate());
return "login";
}
}
这是我的 ember 我将如何显示此页面?
import Controller from '@ember/controller';
export default Controller.extend({
init: function () {
this._super(... arguments)
let httpRequest = new XMLHttpRequest();
httpRequest.onreadystatechange = () => {
if(httpRequest.readyState==4 && httpRequest.status==200){
console.log("ok");
}
}
httpRequest.open("GET","http://localhost:8080/login",true);
httpRequest.send();
}
});
您可以获取数据并将其设置在控制器上,然后将其显示在模板中,如:
app/controllers/application.js
import Controller from '@ember/controller';
import fetch from 'fetch';
export default Controller.extend({
htmlData: null,
init: function () {
this._super(... arguments)
fetch('http://localhost:8080/login').then(response => {
this.set('htmlData', response.text());
});
}
});
app/templates/application.hbs
{{this.htmlData}}
我这里用的是fetchAPI,因为我比较熟悉,但是无论你怎么拉数据,动作都是一样的
我在 Spring 中有一个 login.html 页面。我有一个控制器在端口 8080 上提供此页面。如何使用 ember 获得此完整页面?
这是我的控制器:
@Controller
public class LoginController {
LoginService loginService;
public LoginController(LoginService loginService) {
this.loginService = loginService;
}
@RequestMapping("/login")
public String showJoke(Model model){
model.addAttribute("date",loginService.getDate());
return "login";
}
}
这是我的 ember 我将如何显示此页面?
import Controller from '@ember/controller';
export default Controller.extend({
init: function () {
this._super(... arguments)
let httpRequest = new XMLHttpRequest();
httpRequest.onreadystatechange = () => {
if(httpRequest.readyState==4 && httpRequest.status==200){
console.log("ok");
}
}
httpRequest.open("GET","http://localhost:8080/login",true);
httpRequest.send();
}
});
您可以获取数据并将其设置在控制器上,然后将其显示在模板中,如:
app/controllers/application.js
import Controller from '@ember/controller';
import fetch from 'fetch';
export default Controller.extend({
htmlData: null,
init: function () {
this._super(... arguments)
fetch('http://localhost:8080/login').then(response => {
this.set('htmlData', response.text());
});
}
});
app/templates/application.hbs
{{this.htmlData}}
我这里用的是fetchAPI,因为我比较熟悉,但是无论你怎么拉数据,动作都是一样的