Html(jquery ajax) 오류 : SyntaxError Unexpected token o in JSON at position 1

오늘은 이 오류를 알아 보겠다. 

아 json파일을 받지 못하는 것이라고 생각해서 

 

	$.ajax({ 
          url: "/board_Detail", 
          data: data, 
          method:"POST", 
          contentType: "application/x-www-form-urlencoded; charset=UTF-8",
          dataType: "json", 
          success : function(data){
              //오류
              console.log(typeof data);json 아니고 오브젝트
              var str = JSON.stringify(data);// string으로 변환해줌.
              console.log(typeof str);
              var result = data.info;
              console.log(result);
          }
	  });
	});

오류가 발생하여 비동기 통신을 한 내용을 console로 찍어 보았다. 그런데 내용이 나오지 않고, Object라는 내용이 

나오게 되었는데, json데이터로 만들어 줘야 하는줄 알았지만, 백단에서 json파일로 보내주면 되었다. 정말

많이 찾아 봤는데, 다 아니였다. 위에 내용을 써줘도 되긴 되던데 정확한 오류 해결은 아니였다 

그래서 백단을 보겠다.

  JSONObject jsonObject = new JSONObject();	//Spring에서 JsonObject로 데이터를 만들어준다.
  boolean result = true;						//데이터를 만들어 준다
  jsonObject.put("result", result);   		//put을 통해 데이터를 보내준다.
  try {	
      response.getWriter().print(jsonObject);	//response.getWriter로 프린트 해주면 통신 성공
  } catch (Exception e) {
      e.printStackTrace();
  }

JsonObject 객체를 이용하여 

put을 해주고

response로 html에 써주기만 하면 비동기 통신이 성공하는 것을 볼수 있었다.

그래서 결과 적으로 jQuery내용이 이것이다.

 

$.ajax({ 
      url: "/board_Detail", 
      data: data, 
      method:"POST", 
      contentType: "application/x-www-form-urlencoded; charset=UTF-8",
      dataType: "json", 
      success : function(data){
          //오류 해결
          //console.log(typeof data);json 아니고 오브젝트
          //var str = JSON.stringify(data);// string으로 변환해줌.
          //console.log(typeof str);
          var result = data.info;
          console.log(result);
   });

꼭 이렇게 해주시길