検索しましたが、スクリプトの何が問題なのかわかりません。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>