Arun Arun - 4 months ago 14
Java Question

How to get the data in Struts from AngularJS post

I’m using struts1.2 with Angular to post some data and want to get the data in java.

I’m able to retrieve the data from the server and able to display it in the screen.

Now I’m trying to post some data with Angular to the server and trying to get the data from request.getParameter in java. I made three tries but i couldn't.

Below I have also provided the following files, with explanation and screenshots of my three tries.

Could somebody help me on this issue. Kindly let me know in case further information.

Thanks advance for your answers.

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;

}

}


/////

First try: when I tried with single parameter in the request I’m able to get the value in java

In Controller:-

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


In Java:-

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


Parameter Value: Screen Shot

Parameter Value

Console Output

System Out

Second try:

Now when I tried to get some bunch of values in java I couldn’t , here in this case I have passed $scope.item with the content type “application/x-www-form-urlencoded” in the parameter “cartValues”. In java when tried to get the value from request.getParameter(“cartValues”) the value is getting printed as [object Object] as in the request. But when tried to parse the value using JSON api in java there is an exception

In Controller:-

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


In Java:-

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


Screenshot of my second try

Object in Request

Object in Request With Exception

Third try:

In this case I passed only the $scope.item and removed the content type to pass it as JSON, but I don’t have a clear idea how to get the value in Java

In Controller:-

data: $scope.items


Screen shot of third try

Thrid Try with JSON

Answer

Using the second try, before posting the data convert scope to json

This can be done either in two ways either using JSON api or Angular api

I used angular.toJson() and I also used escape method for accepting special characters.

Using request.getParameter you can get the value in the sever side. Hope solution helps everybody.

// Second Try

$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);
       });
};