如何从AngularJS帖子中获取Struts中的数据

时间:2014-04-05 14:06:01

标签: java angularjs json struts-1

我正在使用带有Angular的Struts1.2来发布一些数据并希望在java中获取数据。

我可以从服务器检索数据,并能够在屏幕上显示它。

现在我正在尝试将一些带有Angular的数据发布到服务器并尝试从java中的request.getParameter获取数据。我做了三次尝试,但我不能。

下面我还提供了以下文件,包括我三次尝试的说明和截图。

1。 CartController.js

var myApp = angular.module('cartApp',[]);

myApp.controller('CartController', function ($scope,$http) {

    $scope.bill = {};

    $scope.items = [];

    $http.post('/StrutsWithAngular/shopingCart.do')
        .success(function(data, status, headers, config) {

            $scope.items = data;
         })
        .error(function(data, status, headers, config) {
            //alert("Error :: "+data);
        });

    // First Try

    $scope.postData = function() {

         $http({
              method: 'POST',
              url: '/StrutsWithAngular/shopingCart.do',
              data: 'value=' + 'Parameter From Request' ,
              headers: {'Content-Type': 'application/x-www-form-urlencoded'}
           }).success(function(data, status, headers, config) {

            alert("Success :: "+status);

            $scope.items = data;
           }).error(function(data, status, headers, config) {

            alert("Error :: "+data);
           });
    };



// Second Try



$scope.postData = function() {

         $http({
              method: 'POST',
              url: '/StrutsWithAngular/shopingCart.do',
              data: 'cartValues=' + {cartValues : $scope.items} ,
              headers: {'Content-Type': 'application/x-www-form-urlencoded'}
           }).success(function(data, status, headers, config) {
                $scope.items = data;
           }).error(function(data, status, headers, config) {
            // alert("Error :: "+data);
           });
    };

// Third try

    $scope.postData = function() {

         $http({
              method: 'POST',
              url: '/StrutsWithAngular/shopingCart.do',
              data: $scope.items
           }).success(function(data, status, headers, config) {
                $scope.items = data;
           }).error(function(data, status, headers, config) {
            // alert("Error :: "+data);
           });
    };

});

2。 CartAction.java

package com.myapp.action;

import com.myapp.dto.ShopingCartDto;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.List;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import net.sf.json.JSONArray;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;

public class CartAction extends org.apache.struts.action.Action {


    private static final String SUCCESS = "success";

    /**
     * This is the action called from the Struts framework.
     *
     * @param mapping The ActionMapping used to select this instance.
     * @param form The optional ActionForm bean for this request.
     * @param request The HTTP Request we are processing.
     * @param response The HTTP Response we are processing.
     * @throws java.lang.Exception
     * @return
     */
    @Override
    public ActionForward execute(ActionMapping mapping, ActionForm form,
            HttpServletRequest request, HttpServletResponse response)
            throws Exception {

        System.out.print("Cart App");

        String value = request.getParameter("value");
        System.out.print("value ::"+ value);

        String requestValue = request.getParameter("cartValues");        
        System.out.print("Requested Values ::"+ requestValue);

        if(requestValue!=null){

            System.out.println("Requested Values :: "+requestValue);

            JSONObject object = JSONObject.fromObject(requestValue);
            System.out.println("Object Keys ::" +object.keys());        
            Iterator iter = object.keys();
            System.out.println("Iter :: "+iter.toString());

            while (iter.hasNext()) 
            {
                    String key = (String) iter.next();
                    System.out.println("Keys " + key);
                    JSONArray array = object.getJSONArray(key);
                    for (int i = 0; i < array.size(); i++) {
                            JSONObject powertrainOperationJSON = JSONObject.fromObject(array.get(i));

                    }
           }            

         }


        List<Object> shopingCartDtos = new ArrayList<>();        

        ShopingCartDto shopingCartDtoOne = new ShopingCartDto();
        ShopingCartDto shopingCartDtoTwo = new ShopingCartDto();
        ShopingCartDto shopingCartDtoThree = new ShopingCartDto();

        shopingCartDtoOne.setSno(1);
        shopingCartDtoOne.setTitle("Title 1");
        shopingCartDtoOne.setQuantity("11");
        shopingCartDtoOne.setPrice("25");

        shopingCartDtoTwo.setSno(2);
        shopingCartDtoTwo.setTitle("Title 2");
        shopingCartDtoTwo.setQuantity("12");
        shopingCartDtoTwo.setPrice("25");

        shopingCartDtoThree.setSno(3);
        shopingCartDtoThree.setTitle("Title 3");
        shopingCartDtoThree.setQuantity("13");
        shopingCartDtoThree.setPrice("25");

        shopingCartDtos.add(shopingCartDtoOne);
        shopingCartDtos.add(shopingCartDtoTwo);
        shopingCartDtos.add(shopingCartDtoThree);

        ajaxResponse(response, shopingCartDtos);

        return null;              

    }

}

/////

首先尝试:当我在请求中尝试使用单个参数时,我能够在java中获取值

在控制器中: -

data: 'value=' + 'Parameter From Request' 

在Java中: -

String value = request.getParameter("value");
 System.out.print("value ::"+ value);

参数值:屏幕截图

Parameter Value

控制台输出

System Out

第二次尝试:

现在,当我试图在java中获取一些值时,我不能,在这种情况下,我在参数“中传递了$ scope.item,内容类型为”application / x-www-form-urlencoded“ cartValues”。在java中,当尝试从request.getParameter(“cartValues”)获取值时,该值将作为[object Object]打印,如同在请求中一样。但是当试图在java中使用JSON api解析值时会出现异常

在控制器中: -

data: 'cartValues=' + {cartValues : $scope.items} ,
                              headers: {'Content-Type': 'application/x-www-form-urlencoded'}

在Java中: -

   String requestValue = request.getParameter("cartValues");        
   System.out.print("Requested Values ::"+ requestValue);

第二次尝试的屏幕截图

Object in Request

Object in Request With Exception

第三次尝试:

在这种情况下,我只传递了$ scope.item并删除了内容类型以将其作为JSON传递,但我不清楚如何在Java中获取值

在控制器中: -

data: $scope.items

第三次尝试的屏幕截图

Thrid Try with JSON

3 个答案:

答案 0 :(得分:6)

在将数据转换范围发布到json之前使用第二次尝试

这可以通过两种方式完成,使用JSON api或Angular api

我使用了angular.toJson(),我还使用了escape方法来接受特殊字符。

使用request.getParameter可以获得服务器端的值。希望解决方案可以帮助每个人。

//第二次尝试

$scope.postData = function() {

     var data = escape(angular.toJson($scope.items));

     $http({
          method: 'POST',
          url: '/StrutsWithAngular/shopingCart.do',
          data: 'cartValues='+data,
          headers: {'Content-Type': 'application/x-www-form-urlencoded'}
       }).success(function(data, status, headers, config) {
            $scope.items = data;
       }).error(function(data, status, headers, config) {
        // alert("Error :: "+data);
       });
};

答案 1 :(得分:0)

Angular不会POST表单数据,它会将JSON对象传输到服务器。有关JSON本身的信息,请参阅JSON.org。该页面上(列表底部)还列出了大量库,可让您以各种语言(包括Java)解析JSON。不是Java开发人员,我不能说他们中的一个比另一个好,但是你应该能够通过阅读每个人的文档来了解适用性。

答案 2 :(得分:0)

您不应使用params而非数据标记的数据。

$scope.postData = function() {

 var data = escape(angular.toJson($scope.items));

 $http({
      method: 'POST',
      url: '/StrutsWithAngular/shopingCart.do',
      params: 'cartValues='+data,
      headers: {'Content-Type': 'application/x-www-form-urlencoded'}
   }).success(function(data, status, headers, config) {
        $scope.items = data;
   }).error(function(data, status, headers, config) {
    // alert("Error :: "+data);
   });
};