ajax. json으로 데이터 전송

	<h1>JSON 개요</h1>
	<p>
		Ajax 서버 통신시 데이터 전송을 위한 포맷 <br> JSON(Javscript Object Notation) :
		자바스크립트 객체 표기법 <br> JSON을 사용하면 모든 데이터형을 서버와 주고 받을 수 있다.(사용목적) <br>
		숫자, 문자열, boolean, 배열, 객체, null <br> '{'으로 시작하여 '}'로 끝나며 그 속에 데이터를
		표기하고 'key : value(값)' 쌍으로 구성된다.
		
	<pre>
		{
			"name" : "이순신",
			"age" : 27,
			"birth" : "1990-01-01",
			"gender" : "남",
			"marry" : true,
			"address" : "서울특별시 중구 인사동",
			"family" : {  
						"father" : "아버지",
						"mother" : "어머니",
						"brother" : "동생"
					}
		}
	</pre>
	</p>

<!-- GSON : List 데이터를 JSON 데이터로 변환해주는 라이브러리 -->
	<!-- https://mvnrepository.com/artifact/com.google.code.gson/gson -->
	<dependency>
		<groupId>com.google.code.gson</groupId>
		<artifactId>gson</artifactId>
		<version>2.8.5</version>
	</dependency>
	<!-- https://mvnrepository.com/artifact/com.googlecode.json-simple/json-simple -->
	<dependency>
		<groupId>com.googlecode.json-simple</groupId>
		<artifactId>json-simple</artifactId>
		<version>1.1.1</version>
	</dependency>​

제이슨을 할때 저장시켜야할 것/pom.xml에다 붙여 넣기

2가지로 다른 것이다.  저장 시킨다음 alt +f5로 적용시킬 프로젝트 연결

아니면 프로젝트 우클릭 ->Maven->update project  해주면 된다...

 

<h4>5. 서버로 전송값 보내고 결과 JSON으로 받아서 처리</h4>
	유저 번호 입력 :
	<input type="text" id="user-num">
	<br>
	<p id="p5"></p>
	<button id="jq-btn5">실행 및 결과확인</button>

	$("#jq-btn5").on("click", function(){
		var userId=$("#user-num").val();
		$.ajax({
			url:"/ajax/ex4.kh",
			type:"get",
			data:{"userId" : userId},
			dataType: "json",
			success:function(result){
				console.log(result);
				$("#p5").html(result.memberPwd);
			},
			error:function(){
				console.log("처리실패");
			}
		})
	})

@ResponseBody
	@RequestMapping(value = "/ajax/ex4.kh",produces="application/json;charset=UTF-8", method = RequestMethod.GET)
	public String exerciseAjax4(
			@RequestParam("userId") String userId){
		JSONObject jsonObj=new JSONObject();  //json 객체생성 ->{}생성완료
		//{"userNo": 1, "userName":"일용자", "userAddr":"서울시 중구"}

		ArrayList<Member> mList=new ArrayList<Member>();
		mList.add(new Member("khuser01", "pass01"));
		mList.add(new Member("khuser02", "pass02"));
		mList.add(new Member("khuser03", "pass03"));
		mList.add(new Member("khuser04", "pass04"));
		mList.add(new Member("khuser05", "pass05"));
		Member member=null;
		for(int i=0;i< mList.size();i++) {
		Member mOne = mList.get(i);		
			if(mOne.getMemberId().equals(userId)) {
				member=mList.get(i);
			}
		}
			jsonObj.put("memberId", member.getMemberId());
			jsonObj.put("memberPwd",member.getMemberPwd());			
		
		return jsonObj.toJSONString();
   }

Member 클래스에 생성자 기본값이 있어야한다.

		//로그인 할때 id와 pwd만 쓰기위해서 한개더 만듬...
	public Member(String memberId, String memberPwd) {
		super();
		this.memberId = memberId;
		this.memberPwd = memberPwd;
	}

요렇게...^^

 

for문으로 맞는지 확인하는데 문자열이니깐 == 보다는 equals가 맞다......

추가 하자////for문의 다른 표현식

결과는 같음.