목차
- $.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 (추천. 비추천)
