ajax投稿後のページの更新に問題があります。6つの異なるバリエーションを試しましたが、ある時点で適切な結果が得られましたが、ページの更新を停止できず、このサイトでネットを検索した後、どれも機能しておらず、まださわやかです...
現在のコードは次のとおりです。
$('#submit_btn').click(function() {
/*event.preventDefault();*/
var curPassword = $("input#curPassword").val();
var newPassword = $("input#newPassword").val();
var new2Password = $("input#new2Password").val();
/*var params = 'curPassword='+ curPassword + '&newPassword=' + newPassword + '&new2Password=' + new2Password; */
var params = {
curPassword: curPassword,
newPassword: newPassword,
new2Password:new2Password
};
$.ajax({
type: "POST",
url: "testAjax.php",
data: params,
success: function(msg){
alert(msg);
}
});
return false;
});
フォームは次のとおりです。
<form method="post" action="" name="confirmChange" class="confirmChange">
<label for="curPassword">Current Password:</label>
<input type="password" name="curPassword" id="curPassword" value="" />
<label for="newPassword">New Password:</label>
<input type="password" name="newPassword" id="newPassword" value="" />
<label for="new2Password">Confirm New Password:</label>
<input type="password" name="new2Password" id="new2Password" value="" />
<br />
<input type="button" name="confirmChange" class="confirmChange" id="submit_btn" value="Change" />
これを機能させるための助けに感謝します=/
更新: 質問がちょっと雑然としていたので、直接関係のない他のコードを削除しました。また、最新のリビジョンを反映するようにコードを更新しました。ajaxのURLを単純なtextAjax.phpに変更しました。単純なechohelloworldは他に何もありませんが、まだ何も得られていません。
アップデート 2javascriptコードを次のように変更しようとしました:
$('#submit_btn').click(function() {
alert('Button Clicked');
});
そして、何も得られません...それが以下のフォームである場合、クリック機能がまったく機能していない可能性はありますか?