4

私は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>

これは、変数を1つだけ渡していて、コードスニペットが次の場合に完全に機能しました。

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

次に、2番目の変数を追加しようとしました

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

現在InternetExplorerでは機能しませんが、興味深いことにChromeでは機能しますか？

初心者へのアドバイスはありますか？=

4

3 に答える 3

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}
于 2012-07-11T16:26:57.633 に答える
5

コードにタイプミスがありますpost：

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

正常に動作するはずです。

于 2012-07-11T16:26:29.913 に答える
5

スクリプトに問題があるようです。=記号を削除します。

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

また、単にスクリプトを次のように記述したい場合もあります。

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

このように、フォームにフィールドを追加する場合、スクリプトを変更する必要はありません。

于 2012-07-11T16:26:46.130 に答える