jquery .post() 不起作用的问题

Question

所以我是使用 jquery .post() 的新手，但是我没有使用以前没有使用过的方法。

我试图在单击按钮时发布两个隐藏的输入值：

$('#button').live('click', function() {
    $.post('export_file.php', { group: form.group.value , test: form.test.value },
    function(output)    {
        $('#return').html(output).show();
    });
});

我已经测试了按钮事件是否成功触发，目前我在 export_file.php 中尝试做的只是回显某些内容。

这是我的表格：

<form name="form">
<input type="hidden" name="group" value="<?echo $group;?>">
<input type="hidden" name="test" value="<?echo $test_id;?>">
<input type="button" class="Mybutton" id="button" name="btnSubmit" value="Export Results">
</form>

我在原始页面上有我的div：

export_file.php：

<?php

echo "whatever, something!";

?>

任何人都可以指出我哪里出错了。非常感谢，

Answer 1

尝试：

$('#button').live('click', function() {
    $.post('export_file.php', { group: $("input[name='group']").val() , test: $("input[name='test']").val() },
    function(output)    {
        $('#return').html(output).show();
    });
});

Answer 2

修复此行：

$.post('export_file.php', { group: form.group.value , test: form.test.value },

将其更改为如下所示：

var group_val = $('input[name="group"]', 'form[name="form"]').get(0).value;
var test_val = $('input[name="test"]', 'form[name="form"]').get(0).value;
$.post('export_file.php', { group: group_val , test: test_val },

Fiddle: http://jsfiddle.net/maniator/cQ2vZ/< /a>

Answer 3

我已将 id 添加到 HTML 中的表单元素中：

<form name="form">
    <input type="hidden" name="group" id="group" value="<?echo $group;?>">
    <input type="hidden" name="test" id="test" value="<?echo $test_id;?>">
    <input type="button" class="Mybutton" id="button" name="btnSubmit" value="Export Results">
</form>

然后修改 jQuery 以通过 ID 从这些字段获取值，并在 AJAX 调用的参数中使用这些值：

$('#button').live('click', function() {
    var groupValue = $("#group").val();
    var testValue = $("#test").val();

    $.post('export_file.php', { group: groupValue , test: testValue },
    function(output)    {
        $('#return').html(output).show();
    });
});

Answer 4

试试这个

$('#button').live('click', function() {
    var group_val = $("input[name='group']").val(); // gets the value of hidden field with the name group
    var test_val = $("input[name='test']").val(); // gets the value of hidden field with the name test and store it in test_val variable
    $.post('export_file.php', { group: group_val  , test: test_val  },
    function(output)    {
        $('#return').html(output).show();
    });
});