jquery와 서버_POST
ajaxPOST.html
보내고싶은 데이터를 객체로 만들어서 param 데이터로 보내면 된다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script>
function reqList(){
var param = {};
param.name = "홍길동";
param.tel = "010-7777-8888";
param.address = "율도국";
$.ajax({
url : "/Contact/add.do",
type : "POST",
data : param,
success : function(data){
console.log(data);
$("#resp").html(data);
}
});
}
function delList(){
$("#resp").html("");
}
</script>
</head>
<body>
<button type="button" onclick="reqList();">요청</button>
<button type="button" onclick="delList();">삭제</button>
<p id="resp"></p>
</body>
</html>결과
ajaxJSON.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script>
function reqList(){
var send_data = {
contacts : [
{no:64, name:'오바마', tel:'8282', address:'워싱턴'},
{no:63, name:'힐러리', tel:'8282', address:'워싱턴'},
{no:62, name:'샌더스', tel:'8282', address:'워싱턴'},
{no:61, name:'트럼프', tel:'8282', address:'워싱턴'},
{no:60, name:'바이든', tel:'8282', address:'워싱턴'}
]
};
/*
JSON.stringify = js객체를 문자열로 전환
JSON.parse = 문자열을 js객체로 전환
*/
$.ajax({
url : "/Contact/update_batch.do",
type : "POST",
// json 데이터를 보내므로 써줘야 한다
contentType : "application/json",
data : JSON.stringify(send_data),
success : function(data){
console.log(data);
$("#resp").html(data);
}
});
}
function delList(){
$("#resp").html("");
}
</script>
</head>
<body>
<button type="button" onclick="reqList();">요청</button>
<button type="button" onclick="delList();">삭제</button>
<p id="resp"></p>
</body>
</html>결과
Author And Source
이 문제에 관하여(jquery와 서버_POST), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@jinkyung/jquery와-서버POST저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
