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 Script

このスクリプトは、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 中国語 Web サイトの他の関連記事を参照してください。