簡體   English   中英

如何使用angular js動態更改網頁上的狀態消息以獲得各種結果

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM