폼(Form) 데이터를 전송시 제이쿼리 ajax
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Learn AJAX</title>
</head>
<body>
<h1>AJAX jQuery 폼 데이터 Post</h1>
<div id="output"></div>
<form id="myForm">
First Name :<input type="text" name="first" value="Larry"><br>
Last Name:<input type="text" name="last" value="King">
<input type="submit" value="submit 데이터">
</form>
<!-- 제이쿼리 링크 -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$('#myForm').submit(function (e) { //제이쿼리 선택 $('').submit() submit 이벤트
e.preventDefault(); //기본 서버 전송 기능 없애기
var myData = {
firstName: $('input[name="first"]').val()
, lastName: $('input[name="last"]').val()
}
var url = 'http://s179017901.onlinehome.us/discoveryvip/';
$.ajax({
url: url,
type: "post",
data: myData,
//contentType: 'application/x-www-form-urlencoded; charset=utf-8;',
success: function (data) {
console.log(data);
}
})
})
</script>
</body>
</html>
픽서