제이쿼리 그리고 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 |