Ajax와 PHP를 사용하여 JavaScript에서 MySQL 데이터베이스로 데이터를 보내는 방법은 무엇입니까?

Javascript에서 MySQL 데이터베이스로 데이터를 보내는 방법

이 기사에서는 Ajax와 PHP를 사용하여 JavaScript에서 MySQL 데이터베이스로 데이터를 보내는 방법을 살펴보겠습니다.

JavaScript의 한계 이해

JavaScript 자체는 클라이언트측(브라우저)에서 실행되기 때문에 MySQL 데이터베이스와 직접 상호 작용할 수 없습니다. 데이터베이스는 일반적으로 서버측에 있습니다.

PHP를 사용하여 JavaScript와 MySQL 연결

이러한 격차를 해소하려면 다음과 같은 중간 서버측 언어를 사용해야 합니다. PHP. JavaScript와 MySQL 데이터베이스 사이의 브리지 역할을 할 PHP 파일을 생성할 수 있습니다.

Ajax를 사용하여 데이터 전송

Ajax(비동기 JavaScript 및 XML)를 사용하면 전체 페이지를 다시 로드하지 않고도 서버에 요청하고 웹페이지의 일부를 업데이트할 수 있습니다. 우리의 경우 Ajax를 사용하여 JavaScript의 데이터를 데이터베이스 상호 작용을 처리하는 PHP 파일로 보냅니다.

데이터베이스 상호 작용을 위한 PHP 스크립트

PHP 파일 다음 작업을 처리합니다:

• MySQL 데이터베이스에 연결
• Ajax 요청에서 데이터 수신
• 데이터베이스에 데이터 삽입
• Ajax 요청에 대한 응답 보내기

전체 예시

아래는 JavaScript, Ajax 및 PHP를 사용하는 전체 솔루션의 예시입니다.

HTML/JavaScript

<code class="html">
  
    <script type="text/javascript">
      function sendData() {
        // Replace with your form data
        var data = { data: 'Hello World' };

        $.ajax({
          type: "POST",
          url: "php/insert.php",
          data: data,
          success: function(data) {
            console.log("Data sent successfully");
          },
          error: function(error) {
            console.log("Error sending data");
          }
        });
      }
    </script>
  

  
    <button onclick="sendData()">Send Data</button>
  
</code>

PHP

<code class="php"><?php $data = $_POST['data'];

// Replace with your database connection details
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database";

// Create connection
$conn = mysqli_connect($servername, $username, $password, $dbname);

// Check connection
if (!$conn) {
  die("Connection failed: " . mysqli_connect_error());
}

// Prepare and bind
$stmt = mysqli_prepare($conn, "INSERT INTO table (data) VALUES (?)");
mysqli_stmt_bind_param($stmt, "s", $data);

// Execute
mysqli_stmt_execute($stmt);

// Close connection
mysqli_close($conn);
?></code>

이 예에서는 JavaScript로 보내는 Ajax 요청을 생성합니다. 데이터를 PHP 스크립트에 추가하면 MySQL 데이터베이스에 연결되어 데이터가 삽입되고 Ajax 요청에 응답합니다.

위 내용은 Ajax와 PHP를 사용하여 JavaScript에서 MySQL 데이터베이스로 데이터를 보내는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!