0

我正在尝试使用 html 表单 + jquery + php 更新数据库

当我单击表单上的提交按钮时，它可以工作，但每次单击都会在数据库中添加两条相同的记录。

我不知道出了什么问题，因此我在这里发布了我正在使用的整个脚本。如果有人能找到问题，请指出。

这是我正在使用的脚本

HTML

<div id="result" class="results"></div>
<form id="person-form" class="person-form" method="post">
 <fieldset>
  <legend><strong>Add a new member</strong></legend>
  <table>
  <tr><td><label for="Name" >Name</label></td>
  <td colspan="2"><input type="text" name="name" value="Enter the Name, 55 char max." /></td></tr>
  <tr><td><label for="email">Email</label></td>
  <td colspan="2"><input type="text" name="email" value="Enter the email" /></td></tr>
  <tr><td><label for="subscribe">Subscribe</label></td>
  <td><input type="checkbox" name="subscribe" value="Yes" /></td>
  <td><input type="submit" value="Add member" id="add-member" class="add-member"/></td></tr>
  </table>
  <div style="clear:both;"></div>
 </fieldset>
</form>

jQuery

$("#add-url").live("click", function() {
    var name = $('input[name=name]').val();
    var email = $('input[name=email]').val();
    var subs = $('input[name=subscribe]:checkbox:checked').val();
    var data = 'name='+name+'&email='+email+'&subs='+subs;

    $.post(add_member_script.ajaxurl, data,  function(data) {
   $('#results').html(data);

});
  return false;
});

和 PHP

$connect = mysql_connect(DB_HOST, DB_USER, DB_PASSWORD);

if (!$connect){
    die('Could not connect: ' . mysql_error());
}
mysql_select_db(DB_NAME, $connect);


if (empty($_POST['name']) || empty($_POST['email'])){
    echo 'enter some value';
}  else {

      if($_POST['subs']== 'yes') {
        $sql="INSERT INTO $table (name, email, subs) VALUES ('$_POST[name]','$_POST[email]','$_POST[subs]')";
      } else {
        $sql="INSERT INTO $table (name, email) VALUES ('$_POST[name]','$_POST[email]')";
      }

    if (!mysql_query($sql,$con)){
        mysql_error();
    } else {
        list_links_table ();
    }
    mysql_close($con);
    die();
}
4

3 回答 3

0

看起来表单可能会通过 AJAX 和“正常”方式提交。为了确保，添加onsubmit="return false"到表单标签：

<form id="person-form" class="person-form" method="post" onsubmit="return false">

或者，您可以删除所有 JS 并允许表单正常提交，并查看重复是否仍然存在。

于 2012-07-01T00:03:49.523 回答
0

正如评论中所说，我建议您使用<input type="button" value="Add member" id="add-member" class="add-member"/>而不是“type=submit”，以确保表单永远不会通过 HTML 上传，而只能使用 Javascript 代码:)

于 2012-07-01T00:11:45.420 回答
0

最后我找到了，在我上面发布的脚本中完全没有错误。问题出在我注册了两次的 WordPress 钩子上，因此每次点击它都会发送 2 个请求。我删除了它，问题解决了。感谢@Erenor Paz、@Mark Eirich 和@slugonamission 的善意努力。至此，我完成了我的第一个 WordPress 插件 :)

于 2012-07-01T00:55:02.613 回答