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

Barbara Streisand
发布: 2024-11-02 09:57:30
原创
358 人浏览过

How to Insert Data into a MySQL Database from a Web Form Using PHP and jQuery/AJAX?

使用 jQuery/AJAX 从 PHP 插入 MySQL

使用 PHP 和 AJAX 结合 jQuery 将 Web 表单中的数据插入 MySQL 数据库可以最初看起来令人畏惧。但是,通过一个简单的示例,我们可以将流程分解为可管理的步骤。

表单和 jQuery 代码

我们的 HTML 表单包含用于用户输入的文本输入和一个提交按钮:

<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>
登录后复制

这里,process.php 是处理数据提交的 PHP 脚本。 jQuery 函数 ajaxSubmit 在表单提交时调用。它将表单数据序列化为数组数据,并向 process.php 脚本发送 AJAX 请求,并携带数据。

流程脚本

PHP 脚本流程。 php 执行以下任务:

  1. 使用 post() 函数导入表单数据: $val = mysql_real_escape_string(post('my_value'), $cxn);
  2. 清理数据防止 SQL 注入: $val = mysql_real_escape_string($val, $cxn);
  3. 使用 $cxn = mysql_connect(...) 建立 MySQL 连接并选择目标数据库。
  4. 构建使用表单数据的 MySQL INSERT 查询: $sql = sprintf("INSERT INTO ...VALUES '%s';", $val);
  5. 使用 $result = mysql_query($sql, $cxn);
  6. 创建一个带有成功标志的响应对象并将其编码为 JSON: $resp = new stdClass(); $resp->成功= true; print json_encode($resp);

AJAX 响应处理

jQuery 中的 AJAX 请求检查服务器响应是否成功并相应地显示警报。成功提交表单后,系统会向用户发出警报,并且可以重置表单。

使用这些组件,您可以将 Web 表单中的数据无缝插入 MySQL 数据库,并使用 jQuery/AJAX 处理响应。

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

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!