Question

我有这样的表格：

<form action= 'addperm.php' class = 'addperm' method='post'>
    <input type='text' name='user' /><br />
    <input type='radio' name='perm' value='1' CHECKED /> Can view only<br />
<input type='radio' name='perm' value='2' /> Can make changes <br />
<input type='submit' value='Add'>
</form>

我想知道如何在不重定向到另一个页面的情况下，我可以获取这两个输入值（user和perm），通过ajax将它们发布到php脚本，然后让php返回结果

Answer 1

阅读$.post的jQuery API文档。

Answer 2

$('input[type=submit]').click(function(e){
    $.ajax({
        type: "POST",
        url: "some.php",
        data: "user=" + $('input[name=user]').val() + "&perm=" + $('input[name=perm]:checked').val(),
        success: function(msg){
            // msg is your content
        }
    });
    e.preventDefault();
});

some.php

echo json_encode(array($_POST['user'],$_POST['perm']));

我不会将我的语法视为面值，但这就是主意。

Answer 3

从http://jquery.com

下载jQuery

将其包含在页面的头部：

<script type="text/javascript" src="jquery/jquery.min.js"></script>

将src更改为您下载的文件的名称。

然后在页面的头部粘贴这个：

<script type="text/javascript">
$(document).ready(function() {
    $('.addperm').submit(function(){
        var query = 'perm='+$('#perm').val()+'&user='+$('#user').val(); 
            $.post("addperm.php", query, function(response){
                alert(response);
            });
    });
});
</script>

要完成这项工作，您必须将HTML更改为：

<form action= 'addperm.php' class = 'addperm' method='post'>
<input type='text' name='user' id='user' /><br />
<input type='radio' name='perm' value='1' id='perm' CHECKED /> Can view only<br />
<input type='radio' name='perm' value='2' id='perm' /> Can make changes <br />
<input type='submit' value='Add'>
</form>

我还没有测试过它，但它应该有效。

通过jquery获取表单值，发布到php脚本，并有错误和返回值的PHP脚本进程

3 个答案: