Tutorial Produce Consume JSON Apache Struts2 – Page 2

Tambahkan class sebagai objek action dengan nama “ConsumeAction” di package “com.wijaksana.belajar.struts2.action” dan tambahkan implements ServletRequestAware (org.apache.struts2.interceptor.ServletRequestAware), berikut fullscriptnya:

public class ConsumeAction extends ActionSupport implements ServletRequestAware {

    private MyBean bean = new MyBean();
    private boolean responseAsJson = true;

    public String execute() throws Exception {
        if (responseAsJson) {
            return "JSON";
        }
        return SUCCESS;
    }

    public MyBean getBean() {
        return bean;
    }

    public void setServletRequest(HttpServletRequest request) {
        responseAsJson = request.getHeader("Accept").contains("application/json");
    }
}

public class ConsumeAction extends ActionSupport implements ServletRequestAware {

private MyBean bean = new MyBean();

private boolean responseAsJson = true;

public String execute() throws Exception {

if (responseAsJson) {

return "JSON";

}

return SUCCESS;

}

public MyBean getBean() {

return bean;

}

public void setServletRequest(HttpServletRequest request) {

responseAsJson = request.getHeader("Accept").contains("application/json");

}

Tambahkan class sebagai objek action dengan nama “ProduceAction” di package “com.wijaksana.belajar.struts2.action”, berikut fullscriptnya:

public class ProduceAction extends ActionSupport {

    private MyBean bean;

    public String execute() throws Exception {
        bean = new MyBean(2, Arrays.asList("Wijaksana", "Anto"));
        return SUCCESS;
    }

    public MyBean getBean() {
        return bean;
    }
}

public class ProduceAction extends ActionSupport {

private MyBean bean;

public String execute() throws Exception {

bean = new MyBean(2, Arrays.asList("Wijaksana", "Anto"));

return SUCCESS;

}

public MyBean getBean() {

return bean;

}

Buka file struts.xml (src/main/resources), replace script didalam tag <struts> dengan script dibawah ini:

<struts>
  <constant name="struts.enable.DynamicMethodInvocation" value="false"/>
  <constant name="struts.devMode" value="true"/>

  <package name="default" namespace="/" extends="json-default">

    <default-action-ref name="index"/>

    <action name="index">
      <result>/WEB-INF/index.jsp</result>
    </action>

    <action name="produce" class="com.wijaksana.belajar.struts2.action.ProduceAction">
      <result type="json">
        <param name="root">bean</param>
      </result>
    </action>

    <action name="consume" class="com.wijaksana.belajar.struts2.action.ConsumeAction">
      <interceptor-ref name="basicStack"/>
      <interceptor-ref name="json">
        <param name="root">bean</param>
      </interceptor-ref>
      <result>/WEB-INF/result.jsp</result>
      <result name="JSON" type="json">
        <param name="root">bean</param>
      </result>
    </action>

  </package>
</struts>

<default-action-ref name="index"/>

<result>/WEB-INF/index.jsp</result>

</action>

</result>

</action>

<interceptor-ref name="basicStack"/>

<interceptor-ref name="json">

</interceptor-ref>

<result>/WEB-INF/result.jsp</result>

</result>

</action>

</package>

</struts>

Tambahkan file “consume.html” (src/main/webapp), replace dengan script dibawah ini:

<!doctype>
<html>
<head>
  <title>How to consume a JSON request</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script type="application/javascript">
    function performSubmit(responseAs) {
      var arrNames = [];

      $("[name=names]").each(function() {
         arrNames.push($(this).val());
      });

      var params = {
        counter: $("[name=counter]").val(),
        names: arrNames
      };

      var acceptHeader = 'application/json';
      if (responseAs === 'html') {
        acceptHeader = 'text/html';
      }

      $.ajax({
        url: 'consume.action',
        type: 'POST',
        data: JSON.stringify(params),
        headers: {
          Accept: acceptHeader,
          "Content-Type": "application/json; charset=UTF-8"
        },
        dataType: 'json'
      })
      .always(function (data) {
        $("#response").text(JSON.stringify(data));
      });
    }
  </script>
</head>

<body>
<form>
  <div>Counter: <input type="number" name="counter"></div>
  <div>Name 1: <input type="text" name="names"></div>
  <div>Name 2: <input type="text" name="names"></div>
  <button type="button" onclick="performSubmit('json'); return false;">Submit as JSON, response as JSON</button>
  <button type="button" onclick="performSubmit('html'); return false;">Submit as JSON, response as HTML</button>
</form>

<textarea rows="20" cols="60" id="response"></textarea>
</body>
</html>

<!doctype>

<html>

<head>

<title>How to consume a JSON request</title>

function performSubmit(responseAs) {

var arrNames = [];

$("[name=names]").each(function() {

arrNames.push($(this).val());

});

var params = {

counter: $("[name=counter]").val(),

names: arrNames

};

var acceptHeader = 'application/json';

if (responseAs === 'html') {

acceptHeader = 'text/html';

}

$.ajax({

url: 'consume.action',

type: 'POST',

data: JSON.stringify(params),

headers: {

Accept: acceptHeader,

"Content-Type": "application/json; charset=UTF-8"

dataType: 'json'

})

.always(function (data) {

$("#response").text(JSON.stringify(data));

});

}

</script>

</head>

<body>

<form>

<div>Counter: <input type="number" name="counter"></div>

<button type="button" onclick="performSubmit('json'); return false;">Submit as JSON, response as JSON</button>

<button type="button" onclick="performSubmit('html'); return false;">Submit as JSON, response as HTML</button>

</form>

</body>

</html>

Tambahkan file “index.jsp” (src/main/webapp/WEB-INF), replace dengan script dibawah ini:

<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<html>
<head>
    <title>JSON Result</title>
</head>
<body>

<a href="produce.action">Produce JSON</a>
<a href="consume.html">Consume JSON</a>

</body>
</html>

<%@ page contentType="text/html; charset=UTF-8" %>

<%@ taglib prefix="s" uri="/struts-tags" %>

<html>

<head>

<title>JSON Result</title>

</head>

<body>

<a href="produce.action">Produce JSON</a>

<a href="consume.html">Consume JSON</a>

</body>

</html>

Tambahkan file “result.jsp” (src/main/webapp/WEB-INF), replace dengan script dibawah ini:

<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<html>
<head>
  <title>JSON Result</title>
</head>

<body>
<ul>
  <li>
    counter: <s:property value="bean.counter"/>
  </li>
  <s:iterator value="bean.names" var="name" status="idx">
  <li>
    name<s:property value="#idx"/>: <s:property value="#name"/>
  </li>
  </s:iterator>
</ul>

</body>
</html>

<%@ page contentType="text/html; charset=UTF-8" %>

<%@ taglib prefix="s" uri="/struts-tags" %>

<html>

<head>

<title>JSON Result</title>

</head>

<body>

<ul>

<li>

counter: <s:property value="bean.counter"/>

</li>

<s:iterator value="bean.names" var="name" status="idx">

<li>

name<s:property value="#idx"/>: <s:property value="#name"/>

</li>

</s:iterator>

</ul>

</body>

</html>

Selesai, bisa kita test sekarang

Klik kanan project name >> Run As >> Maven Build… >> pada isian goals ketik “jetty:run” >> klik RUN

Buka browser http://localhost:8080

Selamat mencoba,

salam berbagi,
wijaksana

Pages: 1 2

Leave a Reply Cancel reply