无法通过ajax发送

Question

我已经四处寻找但我无法找到我的脚本出了什么问题。我希望看到内容既发布到MySQL数据库又发布到我的div .PostedList，但是当我提交时我得不到任何内容，页面内容根本没有变化（回调似乎没有被执行）。

的JavaScript / jQuery的

$(function () {
    $(".button").click(function () {

        var one = $("#one").val();
        var two = $("#two").val();
        var three = $("#three").val();

        var content = 'one' + 'two' + 'three';

        if (content == '') {
            alert("Fields Missing");
        } else {

            $.ajax({
                type: "POST",
                url: "insert.php",
                data: content,
                cache: false,
                success: function (html) {

                    $(content).hide().prependTo('.PostedList').fadeIn("fast");

                    document.getElementById('one', 'two', 'three').value = '';
                    document.getElementById('name', 'two', 'three').focus();

                }
            });
        }
        return false;
    });
});

HTML

<form method="post">
<input type="text" id="one"><br />
<textarea type="text" id="two"/></textarea><br />
<input type="radio" id="three" value="white" />
<input type="radio" id="three" value="black" />
<p> <input class="button" type="submit" value="Post" /></p>
</form>

Answer 1

document.getElementById只能获取一个 ID值，而不是像jQuery选择器一样

交换

document.getElementById('one', 'two', 'three').value = '';
document.getElementById('name', 'two', 'three').focus();

代表

$('#one', '#two', '#three').val('');
$('#choose_one_id').focus(); // Only one field can have focus at a time!

另外，您可能想要更改

var content = 'one' + 'two' + 'three';

到

var content = one + two + three;