jquery,发布多个变量

时间:2012-07-11 16:23:57

标签: jquery

我是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中有效吗?

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

3 个答案:

答案 0 :(得分:8)

你有正确的概念,但似乎有一个小错误

//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}

答案 1 :(得分:5)

您的post代码中有拼写错误:

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

应该可以正常工作。

答案 2 :(得分:5)

您的脚本中似乎有问题。删除=符号:

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

您可能只想将脚本编写为:

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

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