목차
$.post() 예제 - 사이트 정보 ajax $.post() 예제 - 사이트 제안 ajax $.post() 구문 $.post() 예제 - yc5
$.post() 예제 - 사이트 정보 ajax
hz.php 파일 (뒷단)
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST" ) {
$name = $_POST['name'];
$site = $_POST['site'];
echo $name.' '.$site;
}
?>
test.php 파일 (앞단)
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.post (" hz.php ",
{
name : "홈짱닷컴",
site : "Homzzang.com"
},
function(data,status){
alert("Data: " + data + "\nStatus: " + status );
});
});
});
</script>
</head>
<body>
<button>HTTP POST 방식으로 서버에 데이터 보내 결과 돌려받기</button>
</body>
</html>
$.post() 예제 - 사이트 제안 ajax
site.php 파일 (뒷단)
준비 중
test.php 파일 (앞단)
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("input").keyup(function(){
var txt = $("input").val();
$.post (" site.php ", {suggest: txt}, function(result){
$("span").html(result);
});
});
});
</script>
</head>
<body>
사이트: <input type="text">
<p>제안 사이트: <span></span></p>
</body>
</html>
$.post() 구문
$(선택자).post(URL, data , function(data,status,xhr ), dataType )
[매개변수]
URL
필수. 요청할 URL을 지정.
data 선택. 요청과 함께 서버에 보낼 데이터를 지정.
function( data,status,xhr )
선택. 요청이 성공할 경우 실행할 함수를 지정.
data - 요청의 결과 데이터를 포함. status - 요청 상태 ( 종류: "success", "notmodified", "error", "timeout" , "parsererror" ). xhr - XMLHttpRequest 객체를 포함.
dataType
선택. 서버 응답에 필요한 데이터 유형을 지정. 기본적으로 jQuery는 자동 추측을 수행. (가능값 종류)
" xml "- XML 문서 " html "- HTML을 일반 텍스트로 사용 " text "- 일반 텍스트 문자열 " script "- 응답을 JavaScript로 실행하고 일반 텍스트로 반환. " json "- 응답을 JSON으로 실행하고 JavaScript 객체를 반환. " jsonp "- JSONP를 사용하여 JSON 블록에 로드." ? 콜백 =? " URL에 콜백함수 지정
$.post() 예제 - yc5
작은별 님 (190907) https://sir.kr/qa/325108
나에요나냐 님 (191113) https://sir.kr/qa/331357 (추천. 비추천)
