javascript - 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;