티스토리 뷰
반응형
제이쿼리 그리고 PHP 그리고 다시 자바스크립트 그리고 자바의 값을 php로 전달해서 그 값을 받는 방법에 대한 설명입니다.
보통은 PHP를 사용해서 프로그램을 할 경우 aaa.php?name=hong&age=17 ....
위와 같이 표현합니다. 하지만, javascript와 함께 사용할때는 서버 언어와 클라이언트 언어의 한계때문에 서로 전송하는데 간단하지 않아요. 이것들 때문에 맨붕에 자주 빠집니다. 서로 통신할 수 있는 환경....
웹 개발하면서 자주 부딪히는 부분이죠.
아래의 코드가 힌트가 되어줄 것입니다.
3가지 언어의 콜라보가 돋보이네요~
// jQuery 라이브러리를 사용.
$("#comment-submit").click(function() { // comment-submit 버튼이 눌러지면 활성화
var _comment = $("#comment-area").val(); // comment-area의 내용을 긁어온다
var _mid = $("#mid").val(); // 게시글 id를 긁어온다.
if(_comment.length == 0) {
alert("덧글 내용이 없습니다.");
} else { // commentajax.php로 덧글 내용 전송
$.ajax({
type: "POST", // POST형식으로 폼 전송
url: "commentajax.php", // 목적지
timeout: 10000,
data: ({comment: _comment, mid: _mid}),
cache: false,
dataType: "text",
error: function(xhr, textStatus, errorThrown) { // 전송 실패
alert("전송에 실패했습니다.");
}
});
}
return false;
});
반응형
'IT tech Coding > jquery' 카테고리의 다른 글
제이쿼리 이용해서 메뉴를 접었다 폈다 하기 (0) | 2019.10.06 |
---|---|
radio버튼을 클릭시 동작하는 웹 jQuery로 구현하기 (0) | 2019.08.11 |
jQuery와 html select 선택리스트를 연결해서 사용하기, 선택리스트를 선택할때 이벤트를 실행하기 (0) | 2019.07.06 |
jQuery 래퍼(wrapper)는 무엇인가? (0) | 2019.06.29 |
jQuery 크로스 브라우저 이슈에 대해여.... (0) | 2019.06.29 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 오토핫키가이드
- 구글드라이브API
- json파일편하게보는법
- 프로그래머생활
- isset을 적용해야 하는 이유
- 코딩효율성
- ajax오류메시지
- 코딩튜토리얼
- json파일형태보기
- 1. #웹개발 2. #로트번호 3. #성적서보기 4. #ajax 5. #jquery 6. #php 7. #프론트엔드 8. #백엔드 9. #부트스트랩 10. #웹기능구현
- 엑셀셀보호
- 캐드자동작도
- #프로그램설치
- 효율적코딩방법
- 파이썬코드줄바꿈방법
- 엑셀입력보호
- 오블완
- 티스토리챌린지
- 뫄프로그래밍
- General error: 2031
- 스크립트작성기초
- coalesce는 한국어로 "코얼레스크" 또는 "코얼리스"
- chatGPT3.5파이썬버전
- Bootstrap 5
- sql문장 날짜계산
- 엑셀보호
- 도면자동생성
- 테크에능한여성
- #InstallForge
- #파이썬패키징
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
글 보관함