form, input 태그 사용 없이 ajax 통신 시 jquery의 $.post를 이용하여 post 방식으로 데이터 전송 방법입니다.
아래는 일반적으로 사용하는 방식입니다.
$.ajax({
type: 'POST',
url: url,
data: data,
success: success,
dataType: data
});
$.post 함수를 사용하는 방법입니다.
name, value 한 쌍씩 만들어서 해서 보내 주면 처리가 됩니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<a href="#" onclick="return sendReqData('1');">가입하기</a>
<script src='https://code.jquery.com/jquery-3.4.1.min.js'></script>
<script>
function sendReqData(req_seq)
{
$.post("./req.php", {seq:req_seq, code:'send'}, function(data) {
console.log(data);
// seq : 1 code : send
});
}
</script>
</body>
</html>
<?php
/**
* req.php
*/
$seq = $_POST['seq'];
$code = $_POST['code'];
echo 'seq : '. $seq . ' code : '. $code;
?>
IE11에서 Jquery로 background-image 바뀌게(토글, toggle) 에러 처리 방법 - addClass, removeClass, hasClass, toggleClass
IE(Internet Explore) 11에서 background-image 버튼 바꾸는(Change) 방법입니다. jquery로 .css로 접근시 크롬과 엣지에서 이상없이 버튼 이미지가 바뀌는데, IE11에서는 바뀌지 않는 에러에 대한 처리 방법입니..
han288.tistory.com
2019/11/15 - [유용한 활용팁] - JavaScript 구분자로 배열 만들기, 타입 변경하기(String, Number)
JavaScript 구분자로 배열 만들기, 타입 변경하기(String, Number)
JavaScript(자바스크립트)에서 구분자를 이용하여 배열 만들기 // 구분자로 구성된 문자열 var str = "aa/bb/cc/dd/ee"; // 구분자(/)를 통해 나뉜 결과는 배열로 저장된다. var arr = str.split("/"); // 결과값..
han288.tistory.com
2019/10/29 - [유용한 활용팁] - JavaScript Input 생년월일 유효성 검사하기 - isBirthDay, 2월 29일 윤년 계산
JavaScript Input 생년월일 유효성 검사하기 - isBirthDay, 2월 29일 윤년 계산
JavaScript로 input 입력값에 대한 생년월일 유효성 검사하기 1. 입력값 : YYYYMMDD 2. return 값: true / false 3. 2월 29일(윤년) 체크 function isBirthday(dateStr) { var year = Number(dateStr.substr(0,4))..
han288.tistory.com
2019/10/23 - [유용한 활용팁] - JavaScript Input 날짜 체크, Date 만들기 - isDate, getDate, calcDate
JavaScript Input 날짜 체크, Date 만들기 - isDate, getDate, calcDate
JavaScript로 Input type의 날짜를 체크하는 함수들입니다. isDate 함수 날짜 형식이 맞는지 체크하는 함수입니다. 입력값 형식은 yyyymmdd, yyyy-mm-dd, yyyy/mm/dd 3가지 사용을 할 수 있습니다. function isDat..
han288.tistory.com
'유용한 활용팁' 카테고리의 다른 글
| JavaScript 원하는 영역에 대해서만 출력 화면 설정하기 - window.print() (0) | 2019.12.24 |
|---|---|
| HTML5, CSS3 W3C CSS 검사 방법 크롬 - Web Developer 확장 프로그램 이용 (0) | 2019.12.23 |
| 무료 호스팅 사이트 DOTHOME 사양 및 용량 (4) | 2019.12.20 |
| Emmet CSS3 float left, div 태그 여러개 한번에 코딩하는 유용한 단축키, 스타일시트 적용 방법 (0) | 2019.12.19 |
| CSS3 한줄 처리 방법, inherit 의미 (0) | 2019.12.18 |