複数のフォーム入力をデータベースに入力するための AJAX と PHP
この記事では、AJAX と PHP を利用してデータベースに入力する方法を検討します。データベースへの複数のフォーム入力。 AJAX は初めてなので、この文脈における AJAX の概念と応用を理解することに重点を置きます。
まず、PHP で生成された次のサンプル フォームを考えてみましょう:
<?php echo "<form method='post'>"; $i=1; while($i <= $num_to_enter){ $form_output .= "First Name: <input>
このフォームは、ユーザーの選択 ('$num_to_enter') に基づいて複数の入力フィールドのセットを動的に生成します。私たちの目標は、AJAX を使用して、これらの入力フィールドのデータをデータベース挿入用の PHP スクリプトに送信することです。
あなたが提供した AJAX 関数に関して、主な問題は、次の場合に「&」文字が誤って使用されていることです。データ文字列を連結します。さらに、AJAX 呼び出しの外側で 'while' ループを実行すると、空のデータが送信されます。
AJAX 関数の修正版は次のとおりです。
function MyFunction(){ var i = 1; var x = $('#num_to_enter').val(); // Get the number of form sets var dataString = ''; // Initialize an empty data string // Iterate through the number of form sets while (i <= x){ // Concatenate the data string using JavaScript's += operator dataString += "fname[" + i + "]=" + $('#fname[' + i + ']').val() + "&"; dataString += "lname[" + i + "]=" + $('#lname[' + i + ']').val() + "&"; dataString += "email[" + i + "]=" + $('#email[' + i + ']').val() + "&"; i++; } // Remove the trailing '&' character from the data string dataString = dataString.substr(0, dataString.length - 1); // Send the data via AJAX to the 'process.php' script $.ajax({ url: 'process.php', type: 'POST', data: dataString, // The concatenated data string is passed here success: function(data){ // Handle the response from 'process.php' // Your code goes here }, complete: function(){ // Perform tasks after the AJAX request is complete // Your code goes here } }); }
この修正された関数では、適切に連結されています。データを単一の文字列 ('dataString') に変換し、AJAX の 'data' パラメータとして渡します。 call.
PHP スクリプト ('process.php') の場合、次のようになります。
<?php if($_SERVER['REQUEST_METHOD'] === 'POST') { // Parse the data from the POST request parse_str($_POST['data'], $formData); // Extract the individual data sets $fnames = $formData['fname']; $lnames = $formData['lname']; $emails = $formData['email']; // Initialize the success flag $success = true; // Perform the database insertions for ($i = 0; $i < count($fnames); $i++) { // Insert into database // ... // Check if any insertion failed if(!...){ $success = false; break; } } // Return the success flag as JSON echo json_encode(array('success' => $success)); } ?>
この PHP スクリプトでは、POST データを解析し、個々のデータを抽出します。データ セットを作成し、それらをループしてデータベースの挿入を実行します。挿入が失敗した場合は、「成功」フラグが false に設定されます。最後に、「成功」フラグを JSON として AJAX 呼び出しに返します。
このアプローチにより、AJAX を介して複数のフォーム セットを非同期に送信し、PHP スクリプトでデータベースの挿入を処理できるようになり、スムーズなユーザー エクスペリエンスが提供されます。ページを更新しています。
以上がAJAX と PHP を使用して、ページを更新せずに複数のフォーム入力を効率的にデータベースに送信するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。