使用jQueryAJAX更新数据库只能工作一次 - Updating database with jQuery AJAX works only one time

Updating database with jQuery AJAX works only one time

我正在尝试使用jQuery更新数据库。该函数运行良好，但仅运行一次。如果我想再次更新数据库，我必须刷新页面并清除缓存。我正在使用MODX Revolution，我不确定这是否与这个问题有关。这是代码：

<html>
  <head>
    <script language="javascript" type="text/javascript" src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"></script>
  </head>
  <body>
<script>
$(document).ready(function(){
 $('#paina').submit( function updateTitle() {
        var mail = $("#output").val();
        $.ajax({  
            type: "POST",  
            url: "gettable.php",  
            data: "mail="+ mail,  
            cache: false,
            success: function(data){
                alert(mail);  
            }  
        });
        return false;
    });
});
  </script>
<form id="paina" name="test" action="javascript:updateTitle()" method="post">
<input type="text" id="output">
<input type="Submit" value="Update">
</form>   
  </body>
</html>

PHP:

<?php
$mail=$_POST["mail"];
$mysqli = mysqli_connect("url", "user", "password", "database_name");
mysqli_query($mysqli, "UPDATE modx_site_content SET pagetitle='$mail' WHERE longtitle='jee'");
echo "Updated!";
$mysqli->close();

从jQuery文档：

注意：将缓存设置为false将仅适用于HEAD和GET请求

丑陋的修复：在查询字符串中附加一个随机参数：

$.ajax({  
            type: "POST",  
            url: "gettable.php",  
            data: "mail="+ mail + "&timestamp=" + new Date(),  // Will append the current date in milliseconds since January 1, 1970 (correct me if I'm wrong).
            cache: false,
            success: function(data){
                alert(mail);  
            }  
        });

尝试将ajax更改为有助于调试，我还向数据添加了一个对象，并将sync设置为false，以确保ajax在返回之前完成执行

$(document).ready(function(){
  $('#paina').submit( function() {
     $.ajax({  
        type: "POST",  
        url: "gettable.php",  
        data: {mail: mail},  
        cache: false,
        async: false,
        success: function(data){
            alert(mail);  
        },
        error function(){
           alert("Failed");
        } 
     });
  });
});

您也不需要在表单上执行操作，因为jQuery正在处理

<form id="paina" name="test" action="" method="post">

感谢您的提示。我找到了解决方案，MODX Revolution使用xPDO数据库连接，所以我不得不将PHP代码更改为：

$mail=$_POST["mail"];
$dsn = 'mysql:host=localhost;dbname=databasename;port=3306;charset=utf-8';
$xpdo = new xPDO($dsn,'user','password');
$results = $xpdo->query("UPDATE modx_site_content SET pagetitle='$mail' WHERE longtitle='jee'");