Question

所以我一直在这个项目上自杀，也许是因为我尝试了这么做的方式:)我一直在尝试将以下动态PHP表单转换为提交相同的信息，但是通过AJAX，我没有经验in，但我想在不离开页面的情况下提交。

在准备电话采访潜在程序员的同时研究“每个PHP编码器应该知道的事情”（http://terrychay.com/article/php-coders.shtml）时，我介绍了一种使用远程脚本和iframe完成相同任务的不同方法。意识到可能有很多方法可以做到这一点，采用以下形式的“最佳”方式是什么，并在不离开页面的情况下提交它？既然我最了解PHP，那么有哪一种更适合我，还是应该继续使用AJAX？

<form action="functions.php?do=save" method="POST" id="saveSettings">
<table width=100%>
<tr><th>Setting</th><th>Value</th><th>Active</th></tr>
<?
include 'db.php';

$i=0;
    foreach($db->query('SELECT * from settings') as $row) {
    echo ($i % 2)?'<tr class="odd">':'<tr class="even">';
        print_r("<td width=200>" . $row[1] . "</td>
        <td><input type=\"textbox\" name=\"" . $row[1] . "[]\" value=\"" . $row[2] . "\"></td> 
        <td><input type=\"hidden\" name=\"" . $row[1] . "[1]\" value=\"INACTIVE\"> "); //set value so it never passes NULL
            if ($row[3] == "ACTIVE"){
            print_r("<input type=\"checkbox\" name=\"" . $row[1] . "[1]\" value=\"ACTIVE\" checked=\"true\"></td></tr>");
            }
            else{
            print_r("<input type=\"checkbox\" name=\"" . $row[1] . "[1]\" value=\"ACTIVE\"></td></tr>");

            }
    $i++;
    }
?>
</tbody>
</table>
<input type="submit" value="Save Settings">
</form>

Answer 1

这很简单，真的，你需要做的就是以下jQuery：

$('form').on('submit', function(){
    var $this = $(this);
    $.ajax({
        type: $this.prop('method'),
        url: $this.prop('action'),
        data: $this.serialize(),
        success: function(data){
          //do something with the return of the php script
        }
    });
    return false; //prevent the form from causing the page to refresh
});

$.serialize()用于将表单转换为URL编码的文本字符串。这样可以很容易地获取php脚本中的值，因为根据上面的表单结构，任何内容都不应该改变。

最简单的表单提交没有重定向？

1 个答案: