用于将多个表单输入字段提交到数据库的 AJAX 和 PHP
在此场景中,您有一个包含多个输入字段的 PHP 生成的表单,并且您想使用 AJAX 将所有数据提交到数据库。
你怎么能开始吧?
利用 JSON(JavaScript 对象表示法)对表单数据进行编码并将其发送到服务器。 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); ?>
关键注意事项:
以上是如何使用 AJAX 和 PHP 将多个表单字段提交到数据库?的详细内容。更多信息请关注PHP中文网其他相关文章!