如何使用 jQuery/AJAX 将数据从 PHP 表单插入 MySQL 数据库？

使用 jQuery/AJAX 将数据从 PHP 插入 MySQL

在本指南中，我们将探索如何利用 PHP 和 jQuery/AJAX将基本 HTML 表单中的数据插入 MySQL 数据库。

理解表单

假设您有一个具有以下结构的表单：

<code class="html"><form method="post" action="process.php" onSubmit="return ajaxSubmit(this);">
  Value: <input type="text" name="my_value" />
  <input type="submit" name="form_submit" value="Go" />
</form></code>

jQuery/AJAX 脚本

此脚本将处理通过 AJAX 请求将表单数据发送到服务器：

<code class="javascript"><script type="text/javascript">
  var ajaxSubmit = function(formEl) {
    var url = $(formEl).attr('action');
    var data = $(formEl).serializeArray();

    $.ajax({
      url: url,
      data: data,
      dataType: 'json',
      success: function(rsp) {
        if(rsp.success) {
          alert('Form has been posted successfully.');
        }
      }
    });

    // Prevent the form from submitting to the page
    return false;
  }
</script></code>

处理脚本 ( process.php)

此 PHP 脚本将连接到数据库并插入提交的数据：

<code class="php"><?php
function post($key) {
  if (isset($_POST[$key]))
    return $_POST[$key];
  return false;
}

// Connect to the database
$cxn = mysql_connect('localhost', 'username_goes_here', 'password_goes_here');
if (!$cxn)
  exit;
mysql_select_db('your_database_name', $cxn);

// Escape the form input
$val = mysql_real_escape_string(post('my_value'), $cxn);

// Insert query
$sql = sprintf("INSERT INTO %s (column_name_goes_here) VALUES '%s';",
                'table_name_goes_here',
                $val
);

// Execute query
$result = mysql_query($sql, $cxn);

// Set response object
$resp = new stdClass();
$resp->success = false;
if($result) {
  $resp->success = true;
}

print json_encode($resp);
?></code>

用法

1. 将表单和 jQuery/AJAX 脚本保存在 HTML 文件中。
2. 将处理脚本保存为“process.php”。
3. 提交表单以触发 AJAX 请求并插入数据

注意：此代码仅供参考，可能需要修改才能在您的特定环境中工作。

以上是如何使用 jQuery/AJAX 将数据从 PHP 表单插入 MySQL 数据库？的详细内容。更多信息请关注PHP中文网其他相关文章！