상세 컨텐츠

본문 제목

Ajax communication in PHP & sample code

Dev

by cyborgangel 2023. 2. 28. 09:52

본문

728x90
반응형
SMALL

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를 사용하는 방법에 대한 간단한 예를 보았습니다.

728x90
반응형
LIST

관련글 더보기

댓글 영역