Ajax (비동기 JavaScript 및 XML)는 페이지를 새로 고치지 않고 서버에서 데이터를 보내고받는 데 사용되는 인기있는 기술입니다. 이 블로그에서는 PHP에서 Ajax를 어떻게 사용할 수 있는지에 대한 간단한 예를 살펴 봅니다.
## Ajax 란 무엇입니까?
Ajax는 더 나은, 더 빠르며 대화 형 웹 응용 프로그램을 만드는 데 사용되는 기술입니다. 이를 통해 무대 뒤에서 서버와 소량의 데이터를 교환하여 웹 페이지를 비동기 적으로 업데이트 할 수 있습니다. 이는 전체 페이지를 다시로드하지 않고 웹 페이지의 일부를 업데이트 할 수 있음을 의미합니다.
## 왜 Ajax를 사용합니까?
Ajax는 더 나은 사용자 경험을 만드는 데 사용됩니다. 페이지를 새로 고치지 않고 동적 컨텐츠를로드 할 수 있습니다. 이것은 더 빠른 로딩 시간과 더 부드러운 전반적인 경험을 만듭니다.
## Ajax는 어떻게 작동합니까?
AJAX는 서버에 HTTP 요청을 한 다음 응답을 처리하여 작동합니다. 이것은 xmlhttprequest, fetch 또는 jquery와 같은 다양한 방법을 사용하여 수행 할 수 있습니다.
## 샘플 코드
다음은 AJAX를 사용하여 데이터를 PHP 파일로 보내고 응답을받는 방법에 대한 간단한 예입니다.
### html
이것은 양식의 HTML 코드입니다. 사용자가 이름을 입력 할 수있는 텍스트 필드가 포함되어 있습니다.
````html
<양식>
<입력 유형 = "text"id = "name">
<입력 유형 = "버튼"value = "제출"onclick = "sendData ()">
</form>
```
### JavaScript
데이터를 PHP 파일로 전송하기위한 JavaScript 코드입니다. xmlhttprequest 객체를 사용하여 요청을합니다.
````JavaScript
함수 senddata () {
var name = document.getElementById ( "name"). 값;
var xhttp = new xmlhttprequest ();
xhttp.onreadystatechange = function () {
if (this.readystate == 4 && this.status == 200) {
Alert (this.responsetext);
}
};
xhttp.open ( "get", "test.php? name =" + name, true);
xhttp.send ();
}
```
### php
이것은 데이터 처리를위한 PHP 코드입니다. 단순히 쿼리 문자열의 데이터를 읽고 응답을 반영합니다.
```PHP
<? php
if (isset ($ _ get [ 'name'])) {
$ name = $ _get [ 'name'];
에코 "안녕하세요,". $ 이름;
}
?>
```
## 결론
Ajax는 동적 웹 응용 프로그램을 만드는 강력한 도구입니다. 이 블로그에서는 PHP와 함께 Ajax를 사용하는 방법에 대한 간단한 예를 보았습니다.
| Django REST Framework _ Postman 사용하기 (1) | 2023.03.14 |
|---|---|
| Ms access 에서 이미지 주소를 이미지로 보여주기 (0) | 2023.02.28 |
| 텍스트/HTML 에디터로 NicEdit 사용하기 (0) | 2023.02.27 |
| PHP, Mysql 샘플 소스 (0) | 2023.02.23 |
| 비쥬얼 스튜디오 코드(VS code)에서 FTP 연결하기 (0) | 2023.02.22 |
댓글 영역