これは多くの重複がありますが、どういうわけかそれらの質問のどちらも(私はスタックオーバーフローでほとんどすべての同じタイトルを検索しました)仕事はありません。 ここで私の問題は、成功関数は警告メッセージを発していないと私は理由を把握できないということです。javascript ajaxの成功関数は動作しませんか?
<form>
<div class="form-group">
<label for="">Username</label>
<input type="text" class="form-control" id="user" name="user" placeholder="Username">
</div>
<div class="form-group">
<label for="">Password</label>
<input type="password" class="form-control" id="pass" name="pass" placeholder="Password">
</div>
<div class="form-group">
<label class="radio-inline">
<input type="radio" data-toggle="buttons-radio" name="optRadio" value="prof">Professor
</label>
<label class="radio-inline">
<input type="radio" data-toggle="buttons-radio" name="optRadio" value="admin">Admin
</label>
</div>
<button type="button" class="btn btn-block btn-social" onClick="validateForm()">
<span class="fa fa-twitter"></span>Login
</button>
</form>
のJavaScriptファイル
function validateForm() {
var checkUser = document.getElementById("user").value;
var checkPass = document.getElementById("pass").value;
var checkOption = $("input[name=optRadio]:checked").val();
/*
if (checkUser && checkPass && checkOption) { //checks if user is not empty
} else {
alert ("Please fill up all information");
}
*/
if (checkOption == "prof") {
$.ajax({
type: 'POST',
url: 'assets/connection/login.php',
dataType: 'json',
data: {
user: checkUser,
pass: checkPass,
},
beforeSend: function() {
alert("a")
},
success: function(response) {
alert(response)
}
});
}
}
とPHPファイルにのみ、この
<?php echo "js test" ?>
EDITが含まれています:としては、コメントにして、@Rax Weberの答えで指摘しました、タイポグラフィの間違いがあったsucess
(はsuccess
である必要があります)、これは問題の根本的な原因ではなく、alert
は修正後に起動しません。
まだ動作しない場合は、ブラウザにデベロッパーコンソールを開いてJavascriptエラーを確認しましたか?それは何が間違っているのかを理解するのに役立つかもしれません。 –
ええええええと、私はChromeを使ってコンソールの返品に基づいてデバッグしていますが、残念ながら何も返されません。 – Cedirck
「うまくいきません」とは、「アラート」がまったく発動しないか、必要な結果が表示されないということですか?開発ツールの「ネットワーク」タブを見てください。 AJAXリクエストは実際に送信されますか? 404または403のようなHTTPエラーを返しますか? – Xufox