가상 폼 만들기

제이쿼리

$(document).ready(function (){
	alert("준비되었습니다.");
	$("#comment-btn").click(function(){
		let content = $("#commentcontent").val();
		let no = ${detail.no }//여기는 글번호
		//alert("content : " + content + " no : " + no);
		//가상 form 만들기 = 동적 생성
		//전송 ---> content가 2글자 이상인 경우 실행하겠습니다.
		if(content.length < 2) {
			alert("댓글은 두 글자 이상 적어주세요.");
			content.focus();
			//return false;
		} else {
			let form = document.createElement('form');
			form.name='form';
			form.method='post';
			form.action='./comment';
			//붙이기
			let text = document.createElement('input');
			text.setAttribute("type", "hidden");
			text.setAttribute("name", "commentcontent");
			text.setAttribute("value", content);
			//붙이기
			let no = document.createElement('input');
			text.setAttribute("type", "hidden");
			text.setAttribute("name", "no");
			text.setAttribute("value", ${detail.no });
			//form에다가 붙이기
			form.appendChild(text);
			form.appendChild(no);
			//전송하기
			document.body.appendChild(form);
			form.submit();
		}
	});
});

이러고 서블릿 만들 것.

Comment.java

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		//한글처리
		request.setCharacterEncoding("UTF-8");
		//오는 값 받기
		String commentcontent = request.getParameter("commentcontent");
		String bno = request.getParameter("bno");
		System.out.println(commentcontent + " : " + bno);
		
		//테스트 해주기
	}

위에꺼 좀 더 짧게

let form = $('<form></form>');
			form.attr('name', 'form');
			form.attr('method', 'post');
			form.attr('action', './comment');
			
			form.append($('<input/>', {type:'hidden', name:'commentcontent', value:content}));//json을 쓴 것. (map이라고 생각하자)
			form.append($('<input/>', {type:'hidden', name:'bno', value:bno}}));
			
			form.appendTo("body");
			form.submit();

---

JSON, XML

이종,,, 서로 다른 시스템.

대댓글?? (리액트)

https://velog.io/@wkahd01/%EB%8C%80%EB%8C%93%EA%B8%80-%EA%B8%B0%EB%8A%A5-%EB%A7%8C%EB%93%A4%EA%B8%B0-React