PHPを介してMySQLデータベースからデータを取得しています。jQueryを使用してPHPからデータを送信および取得しています。これがコードです。
$.POST("SubmitCode.php", $("#questionCodeForm").serialize(),'json').done(function(data) {});
問題は、このデータを送信するとページが更新されることです。ページの更新を停止するにはどうすればよいですか。'json'を削除すると、ページの更新が停止しますが、問題は、ページを更新せずにjsonデータを取得したいということです。これどうやってするの?
-------------------------------------------編集後----- -------------------------------------------------- ----------------------これが更新されたコードです
$(document).ready(function() {
initialization();
codeSubmission();
});
function initialization() {
$("#answerForm").hide();
}
function codeSubmission() {
$("#submitButton").click(function(e) {
e.preventDefault();
$.post("SubmitCode.php", $("#questionCodeForm").serialize()).done(function(data) {
var questionName = data.questionName,
options = data.options,
pollingStatus = data.pollingStatus,
codeExist = data.codeExist;
alert(data);
alert(data[1]);
alert(questionName);
alert(options);
if(codeExist == true) {
$("#questionTitle").text("questionName");
for(rowNum=1;rowNum<=5;rowNum++) {
$("#checkbox-"+rowNum).val("Answer1");
$("#checkbox"+rowNum+"label").text("Answer"+rowNum);
}
$("#answerForm").slideDown(500);
} else if(codeExist == false) {
alert("This quiz code is invalid");
}
},'json');
//return false;
});
//return false;
}
ここで問題となるのは、alert(questionName)の出力が未定義であるということです。データは文字列として渡されます。正しい変数で正しい情報を取得するにはどうすればよいですか?