2013. 11. 6. 16:36 COMPUTER/JAVA, JSP
[SPRING,JAVA] 프레임워크에 Ajax사용을 위한 JsonView 설정하기, Spring Framework JsonView Ajax Sample

JSON뷰를 이용하여 AJAX를 사용할 수 있게 설정하는 방법입니다.

예제는 전자정부 프레임웤으로 했습니다.

사실 pom.xml과 dispatcher에는 기본적으로 등록되어있었습니다.

다른 스프링기반 프레임웤들은 직접 추가해주시면 됩니다.


pom.xml
<dependency>        
	<groupId>net.sf.json-lib</groupId>        
	<artifactId>json-lib</artifactId>        
	<version>2.4</version>        
	<classifier>jdk15</classifier>    
</dependency>

<dependency> 
	<groupId>org.codehaus.jackson</groupId> 
	<artifactId>jackson-mapper-asl</artifactId> 
	<version>1.6.4</version> 
</dependency>

DispatcherServlet XML 설정파일
<bean class="org.springframework.web.servlet.view.BeanNameViewResolver" id="viewResolver" p:order="0"/>
<bean class="org.springframework.web.servlet.view.json.MappingJacksonJsonView" id="jsonView">
	<property name="contentType" value="application/json;charset=UTF-8"/>
</bean>

web.xml
<servlet-mapping>
	<servlet-name>action</servlet-name>
	<url-pattern>*.do</url-pattern>
</servlet-mapping>
<servlet-mapping>
	<servlet-name>action</servlet-name>
	<url-pattern>*.ajax</url-pattern>
</servlet-mapping>

TestController.java
@RequestMapping("/test.do")
public String test(@ModelAttribute("searchVO") CommentVO commentVO, ModelMap model) throws Exception {
	return "test/test";
}

@RequestMapping("/test.ajax")
public ModelAndView testAjax(@ModelAttribute("searchVO") CommentVO commentVO, ModelMap model) throws Exception {

	Map resultMap = new HashMap();
	resultMap.put("result1", "test1");
	resultMap.put("result2", "test222");

	ModelAndView modelAndView = new ModelAndView("jsonView",resultMap);
	return modelAndView;
}

test.jsp
<script type="text/javascript">
<!--

$.post("${pageContext.request.contextPath}/test.ajax",
	{
		test1: "1111",
		test2: "2222"
	},
	function(data) {
		alert("result: " + data);
	}
);

-->
</script>




END


2013. 6. 18. 13:10 COMPUTER/JAVASCRIPT, JQUERY
[JS/IE7] 인터넷 익스플로어 7 용 JSON 라이브러리 파일

JSON.parse(), JSON.stringify(), JSON.encode()



json2.js


JSON 오브젝트를 생성하거나 스트링형태로 변환하거나 등등등 할때 쓰는 JSON.method들이 있습니다.

다른 브라우저들은 잘 되는데 IE7같은 고물 브라우저에서는 에러가 납니다.


<script type="text/javascript" src="json2.js" ></script>

처럼 첨부해주면 IE7에서도 JSON을 사용할 수 있습니다.


2013. 5. 23. 14:26 COMPUTER/JAVASCRIPT, JQUERY
[JQUERY/JS] jQuery로 JSON타입 오브젝트를 복사하는 방법, JSON Copy, Clone, JSON.stringify, JSON.parse

json을 var 변수2=변수1; 라고 코딩하면 복사가 되는게 아니고 이름이 두개가 됩니다.

그래서 JSON.stringify로 문자열로 변환했다가, JSON.parse로 JSON객체로 변화해준 값을 넣어주면 서로 다른 JSON객체가 생깁니다.

 

 

srchParams에 xtenSearchObj.param을 복사한 후 srchParams의 변수 두개를 1로 셋팅했습니다.

그리고 얼랏창으로 확인하면 xtenSearchObj.param.outmax값이 20, 그대로 남아있습니다.

 

 

최근에 올라온 글

최근에 달린 댓글