AJAX と PHP を使用して複数のフォーム フィールドをデータベースに送信するにはどうすればよいですか?

複数のフォーム入力フィールドをデータベースに送信するための AJAX と PHP

このシナリオでは、複数の入力フィールドを持つ PHP で生成されたフォームがあります。で、AJAX を使用してすべてのデータを

どうすればよいでしょうか?

JSON (JavaScript Object Notation) を利用して、フォーム データをエンコードしてサーバーに送信します。 JSON は、クライアントとサーバー間のデータ交換を可能にする構造化された人間が判読可能な形式です。

JavaScript の AJAX 関数のサンプル:

function MyFunction() {
  // Gather the data from the form
  const data = {};
  data.num_to_enter = $('#num_to_enter').val();

  for (let i = 1; i <= data.num_to_enter; i++) {
    data['fname[' + i + ']'] = $('#fname[i]').val();
    data['lname[' + i + ']'] = $('#lname[i]').val();
    data['email[' + i + ']'] = $('#email[i]').val();
  }

  // Set up the AJAX request
  $.ajax({
    url: 'process.php',
    type: 'POST',
    data: JSON.stringify(data),
    dataType: 'json',
    success: function(data) {
      // Handle the success response
      console.log(data.success); // Should be "yes" if successful
    },
    error: function() {
      // Handle the error response
      alert('There was an error submitting the data.');
    }
  });

  return false;
}

サンプル PHP スクリプト(process.php):

<?php
// Decode the JSON data sent from the client
$data = json_decode(file_get_contents('php://input'), true);

// Process the data and update the database (not shown here)

// Set up the success response
$response = ['success' => 'yes'];

// Encode the JSON response
echo json_encode($response);
?>

重要な考慮事項:

• 複数の処理を行うには、HTML 関数と AJAX 関数の両方で動的フィールド名を使用します。フォーム フィールド。
• JSON.stringify() を利用して、データを JSON に変換してから送信します。 AJAX.
• クライアント側とサーバー側の両方で成功応答とエラー応答を適切に処理します。

以上がAJAX と PHP を使用して複数のフォーム フィールドをデータベースに送信するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。