ajax db 예제

콜백 기능이 있는 AJAX 예제 콜백 함수를 사용하여 XMLHttpRequest를 만들고 TXT 파일에서 데이터를 검색합니다. 클라이언트 쪽 스크립트가 준비되었습니다. 이제 데이터베이스에서 나이, wpm 및 성별을 가져오고 클라이언트로 다시 보낼 서버 측 스크립트를 작성해야 합니다. 다음 코드를 파일 “ajax-example.php”에 넣습니다. 다음은 Ajax 요청에 의해 전송된 쿼리 문자열을 기반으로 데이터베이스를 검색하고 결과를 브라우저로 다시 보내는 “backend-search.php” 파일의 소스 코드입니다. Ajax 및 PHP를 사용하여 간단한 라이브 데이터베이스 검색 기능을 만들 수 있으며, 검색 입력 상자에 일부 문자를 입력할 때 검색 결과가 표시됩니다. 간단한 AJAX 예제 간단한 XMLHttpRequest를 만들고 TXT 파일에서 데이터를 검색합니다. 이렇게 하면 Ajax를 통해 PHP로 전송되는 데이터(사용자 제공)를 수집합니다. 이 예제에서는 index.jsp 파일 내부에 서버 측 코드를 작성했습니다. 위의 예에서 사용자가 위의 드롭다운 목록에서 사용자를 선택하면 “showUser()”라는 함수가 실행됩니다. 이 예제를 다운로드하면 WEB-INF/lib 디렉토리 내에 org.json.jar 파일이 포함되어 있습니다.

이제 MYSQL에서 반환된 데이터를 검색하고 Ajax를 사용하여 해당 데이터를 표시해야 합니다. 따라서 HTML 파일에 해당 코드를 작성합니다. 이 예제에서는 데이터베이스와 상호 작용하는 다음 코드를 추가합니다. 당신은 여분의 노력을 할 필요가 없습니다. 서버 측 페이지에만 데이터베이스 논리를 작성합니다. 이전: Ajax 다음 소개: 검색 입력의 내용이 변경되거나 검색 입력에서 키업 이벤트가 발생할 때마다 XML을 사용하여 jQuery 코드(줄 no-47 ~ 67)가 레코드를 검색하는 “backend-search.php” 파일에 Ajax 요청을 보냈습니다. 검색된 용어와 관련된 국가 표를 참조하십시오. 이러한 레코드는 나중에 jQuery에 의해

내에 삽입되어 브라우저에 표시됩니다. 이 튜토리얼에서는, 우리는 아약스 PHP와 MySQL과 함께 작동하게하는 방법을 볼 수 있습니다. 우리는 작은 웹 응용 프로그램을 만들 것입니다.

즉, 주어진 입력 필드에 알파벳을 입력하기 시작하면 요청이 Ajax를 통해 PHP 파일로 이동하고 MySQL 테이블에 쿼리가 만들어지면 일부 결과가 반환되고 그 결과가 Ajax에 의해 가져와 표시됩니다. 다음 예제에서는 웹 페이지가 AJAX를 사용하여 데이터베이스에서 정보를 가져올 수 있는 방법을 보여 줍니다. `send` 메서드는 `데이터` 변수에 포함된 데이터를 서버로 전송하는 데 사용됩니다. 이 코드는 mySQL 데이터베이스에 대한 연결을 여는 dbopen.php 파일을 포함합니다. `onreadystatechange`는 `readyState` 특성이 변경될 때마다 호출되는 XMLHttpRequest 개체의 속성입니다. 다음에 선언할 함수에 이 것을 할당합니다. 따라서 HTML 파일의 최종 JavaScript 코드는 다음과 같이됩니다:이 자습서에서는 국가 테이블을 검색하고 결과를 비동기적으로 표시하는 라이브 검색 상자를 만듭니다. 그러나 우선이 테이블을 만들어야합니다.

이제 최대 연령 또는 다른 상자에 유효한 값(예: 120)을 입력한 다음 MySQL 쿼리 단추를 클릭합니다. 설명 : 쿼리가 PHP 파일로 자바 스크립트에서 전송될 때, 다음과 같은 일이 발생 : 참고 – 쿼리에서 변수를 전달하는 방법은 HTTP 표준에 따라 및 formA가 있습니다. 데이터는 문자열 book_name을 사용하여 `데이터`를 사용하여 전송되고 책 변수는 사용자가 제공한 데이터를 전달합니다. 변수 xhr이 선언됩니다. 그런 다음 새 XMLHttpRequest 개체가 만들어집니다. 대상 대상이 Internet Explorer 8보다 오래된 브라우저를 사용하는 경우 ActiveXObject는 XMLHttpRequest를 만드는 데 사용됩니다.

Shares

Posted on 2nd August 2019 in Uncategorised

Share the Story

About the Author

Back to Top
Shares