<< 세상을 등진 불행한 여성들 | Home | O.E.R(Open Educational Resource)이란? >>

JSON-RPC-Java를 활용해 Javascript에서 Ajax 사용 예제

RPC in Javascript using JSON-RPC-Java

1. 실행 환경 준비

 - 웹 프로젝트 생성
 json eclipse
 - json-rpc 라이브러리 lib에 카피:  실제 사이트는 여기인데 사이트가 종종 불통일 경우가 있어 여기서 다운 받으세요.
 - 라이브러리 파일명 : jsonrpc-1.0.jar
 - web.xml에 추가
<servlet>
<servlet-name>com.metaparadigm.jsonrpc.JSONRPCServlet</servlet-name>
<servlet-class>com.metaparadigm.jsonrpc.JSONRPCServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>com.metaparadigm.jsonrpc.JSONRPCServlet</servlet-name>
<url-pattern>/JSON-RPC</url-pattern>
</servlet-mapping>

2. 실행할 Remote Object 샘플
package com.mimul.jsonrpc;

public class ComputeObject
{
public Integer sum(Integer a, Integer b) {
return a + b;
}

public Integer multiply(Integer a, Integer b) {
return a * b;
}
}

3. JavaScript에서 RCP기능 추가된 샘플
 - jsonrpc.js 추가
<script src="js/jsonrpc.js" type="text/javascript"></script>
 - JSONRPCBridge 추가
<jsp:useBean id="JSONRPCBridge" scope="session"
class="com.metaparadigm.jsonrpc.JSONRPCBridge" />
 - 2번의 실행 객체 등록
ComputeObject computeObject = new ComputeObject();	
JSONRPCBridge.registerObject("ComputeObject", computeObject);
 - 전체 샘플 소스
<%@page import="com.mimul.jsonrpc.ComputeObject"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>JSON-RPC-Java Demo</title>
<script type="text/javascript" src="js/jsonrpc.js"></script>
<script type="text/javascript">
function fnSum(form) {
try {
jsonrpc = new JSONRpcClient("JSON-RPC");
result = jsonrpc.ComputeObject.sum(form.left.value,
form.right.value);
document.getElementById("spanResult").innerHTML = "";
document.getElementById("spanResult").innerHTML = result;
} catch(e) {
document.getElementById("spanResult").innerHTML =
"System/Number Type Error~";
}
}
</script>
</head>
<body>
<jsp:useBean id="JSONRPCBridge" scope="session"
class="com.metaparadigm.jsonrpc.JSONRPCBridge" />

<%
ComputeObject computeObject = new ComputeObject();
JSONRPCBridge.registerObject("ComputeObject", computeObject);
%>
<p>JSON-RPC-JAVA Demo</p>
<p>
<form>
<input type="text" name="left"/>
<input type="text" name="right"/>
<input type="button" onclick="fnSum(this.form)" value="SUM"/>
</form>
</p>
<p><strong>Result:</strong></p>
<p><span id="spanResult"></span></p>
</body>
</html>

4. 실행 결과

json-rpc
5. 데모 사이트
 - http://mimul.com/examples/json.jsp



Add a comment Send a TrackBack