[英]how to dynamically change the status message on the webpage for various results using angular js
我正在嘗試開發一個Web應用程序,其中可以選擇添加actor,修改,搜索,刪除。 我的要求是要成功添加actor消息,以便成功添加add actor和actor,這些消息由它們各自的servlet發送到statusMessage.html.i,對於各種消息,我只希望有一個statusMessage.html。
我的servlet是AddActor.java
package com.flp.fms.controller;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.HashMap;
import java.util.Map;
import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.flp.fms.service.ActorServiceImpl;
import com.flp.fms.service.IActorService;
public class AddNewActor extends HttpServlet {
private static final long serialVersionUID = 1L;
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
try
{
response.setContentType("text/html");
IActorService actorService=new ActorServiceImpl();
Map<String,String> actorDetails=new HashMap<String,String>();
actorDetails.put("firstName", request.getParameter("firstName"));
actorDetails.put("lastName", request.getParameter("lastName"));
if(actorService.AddActor(actorDetails))
{
response.sendRedirect(request.getContextPath() +"/htmlTemplates/statusMsg.html");
}
}
catch (Exception e) {
// TODO: handle exception
}
}
}
我的statusMsg.html是
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Status</title>
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="../script/angular.min.js"></script>
<script type="text/javascript" src="../script/angular-route.min.js">></script>
<script type="text/javascript" src="../script/appConfig.js"></script>
<script type="text/javascript" src="../script/appCtrl.js"></script>
</head>
<body ng-app="myApplication">
<img src='../static/bg.png' width="1280" height="222"/>
<a href="Welcome.html" class="show_buttton button1">Home</a>
<div ng-controller="status">
<h1 align=center>{{message}}</h1>
</div>
</body>
</html>
我的控制器是
app.controller('status',function($scope,$http){
var url='http://localhost:8018/angularjs_webapp/statusMsg';
$http.get(url)
.success(function(response){
$scope.message=response;
});
});
我的statusMsg.java是
package com.flp.fms.controller;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.google.gson.Gson;
public class statusMsg extends HttpServlet {
private static final long serialVersionUID = 1L;
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String message=(String) request.getAttribute("message");
PrintWriter out=response.getWriter();
response.setContentType("application/json");
Gson gson=new Gson();
String myGsonMsg=gson.toJson(message);
out.println(myGsonMsg);
}
}
在AddActor.java Servlet中使用sendRedirect方法會將在此服務中出現的請求重定向到statusMsg.java Servlet。
您可以在AddActor.java Servlet中使用getRequestDispathcer(URL).forward(request,response),在其中您可以將響應作為請求推送到statusMsg.java Servlet。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.