jquery - jquery，发布多个变量

Question

我是 jquery 的新手，并试图从 php 学院修改一个基本脚本。

jquery 脚本是：

<script type="text/javascript">
function get() {
    $.post('getpeopleinjobs.php', {
        postvarfname: form.firstname.value,
        postvarlname: form.d = surname.value
    }, function(output) {
        $('#age').html(output).show();
    });
}
</script>

我的表单代码是：

    <form name="form">
    <input type="text" id="firstname">
    <input type="text" id="surname">
    <input type="button" value="get" onclick="get();">
    </form>

当我只传递一个变量并且我的代码片段是：

$.post('getpeopleinjobs.php', {
    postvarfname: form.firstname.value
}

然后我尝试添加第二个变量

$.post('getpeopleinjobs.php', {
    postvarfname: form.firstname.value,
    postvarlname: form.d = surname.value
}

它现在在 Internet Explorer 中不起作用，但有趣的是它在 Chrome 中起作用？

对初学者有什么建议吗？=

Answer 1

您的概念正确，但似乎有一个小错误

//Posted Code
$.post ('getpeopleinjobs.php',{postvarfname: form.firstname.value,postvarlname: form.d=surname.value}
// Fixed Code
$.post ('getpeopleinjobs.php',{postvarfname: form.firstname.value, postvarlname: form.surname.value}

Answer 2

您的post代码中有错字：

$.post('getpeopleinjobs.php',{
    postvarfname: form.firstname.value,
    postvarlname: form.surname.value
}, function () { /* ... */ });

应该可以正常工作。

Answer 3

看起来你的脚本有问题。删除=标志：

$.post ('getpeopleinjobs.php',{postvarfname: form.firstname.value,postvarlname: form.surname.value});

您可能还只想将脚本编写为：

$.post ('getpeopleinjobs.php',$(form).serialize());

这样，如果您向表单添加其他字段，则无需修改脚本。