자바 형식으로 표현 한 것을 JSON이라고 한다.
자바스크립트 객체
let user2 ={ name:"Khan" , age:50};
만들고
let str = JSON.stringify(user);
undefined
str
'{"name":"James","age":20}'
이게 문자열로 만드는 법
et jstr = '{"name": "홍길동","age":32}';
undefined
jstr;
'{"name": "홍길동","age":32}'
let jobj = JSON.parse(jstr);
undefined
jobj;
{name: '홍길동', age: 32}
jobj.name;
'홍길동'
feedback!!!!
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<button onclick="loadDoc()" id="btn">실행</button>
<div id="demo"></div>
<script>
const btn = document.querySelector("#btn");
btn.addEventListener("click", loadDoc);
function loadDoc() {
const xhttp = new XMLHttpRequest();
xhttp.onload = function() {
let json = this.responseText;
let obj = JSON.parse(json);
document.getElementById("demo").innerHTML = obj.name+"<br>" + obj.age+ "<br>" + obj.tel;
}
//xhttp.open("GET", "feedback?name=Kane&age=20&tel=010-1111-1111", true);
xhttp.open("POST","feedback",true);
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.send("name=Hue&age=20&tel=010-2222-3333"); //post방식으로 할거면 send()안에 뭐를 넣어줘야한다.
}
</script>
</body>
</html>
servelt
package servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.json.JSONObject;
import Test.UserBean;
@WebServlet("/feedback")
public class FeedBackServelt extends HttpServlet {
private static final long serialVersionUID = 1L;
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html; charset=UTF-8"); request.setCharacterEncoding("UTF-8"); PrintWriter out = response.getWriter(); String name = request.getParameter("name"); int age = Integer.parseInt(request.getParameter("age")); String tel = request.getParameter("tel"); UserBean user = new UserBean(name, age, tel); JSONObject jobj = new JSONObject(user); out.print(jobj); // out.print("Love_for_die"); //out.print("{\\"name\\":\\"James\\",\\"age\\":20}"); } protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html; charset=UTF-8"); request.setCharacterEncoding("UTF-8"); PrintWriter out = response.getWriter(); String name = request.getParameter("name"); int age = Integer.parseInt(request.getParameter("age")); String tel = request.getParameter("tel"); UserBean user = new UserBean(name, age, tel); JSONObject jobj = new JSONObject(user); out.print(jobj); }
}
JSONSERvlet
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<button onclick="loadDoc()" id="btn">실행</button>
<hr>
<div id="demo"></div>
<script>
const btn = document.querySelector("#btn");
btn.addEventListener("click", loadDoc);
function loadDoc() {
const xhttp = new XMLHttpRequest();
let user = {
name : "Hong",
age : 32,
tel : "010-3333-4444"
}
let juser = JSON.stringify(user);
xhttp.onload = function() {
// let json = this.responseText;
// let obj = JSON.parse(json);
document.getElementById("demo").innerHTML = this.responseText; //"이름:" + obj.name
// + "|" + "나이:" + obj.age + "|" + "전화번호:" + obj.tel;
}
xhttp.open("POST", "FeedBackJson", true);
xhttp.setRequestHeader("Content-type", "application/json");
xhttp.send(juser);
}
</script>
</body>
</html>
feedbackJSONServlet
package servlet;
import java.io.BufferedReader;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.json.JSONObject;
import DAO.UserDao;
import Test.UserBean;
@WebServlet("/FeedBackJson")
public class FeedBackJsonServelt extends HttpServlet {
private static final long serialVersionUID = 1L;
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html; charset=UTF-8"); request.setCharacterEncoding("UTF-8"); JSONObject user02 = new JSONObject(new UserBean("Ann", 27, "010-1111-1111")); PrintWriter out = response.getWriter(); out.print(user02); // out.print("{\\"name\\":\\"Ann\\",\\"age\\":27}"); // "{name":"Ann","age":27,"tel":"010-1111-1111"}" } protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html; charset=UTF-8"); request.setCharacterEncoding("UTF-8");
// JSONObject user02 = new JSONObject(new UserBean("Ann", 27, "010-1111-1111"));
// out.print(user02);
PrintWriter out = response.getWriter(); BufferedReader br = request.getReader(); String jstr = br.readLine(); JSONObject jobj = new JSONObject(jstr); String name = (String) jobj.get("name"); Integer age = (Integer) jobj.get("age"); String tel = (String) jobj.get("tel"); UserBean user = new UserBean(name, age, tel); UserDao dao = new UserDao(); int result = dao.inserta(user); if (result == 1) { out.print("success!!!"); } else { out.print("실패"); } }
}
Share article
