[英]click button sends second click data to db instead of the first one php/ajax
[英]When I click a button it didn't sends data to changePassword.php through ajax jquery
這是我要通過它發送數據到changePassword.php
。 但它沒有發送數據。
<form class="form-horizontal" method="post">
<div class="form-group">
<label for="inputName" class="col-sm-2 control-label">Current Password</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="current_password" name="current_password" placeholder="Name">
</div>
</div>
<div class="form-group">
<label for="inputEmail" class="col-sm-2 control-label">New Password</label>
<div class="col-sm-10">
<input type="password" class="form-control" id="new_password" name="new_password" placeholder="Email">
</div>
</div>
<div class="form-group">
<label for="inputEmail" class="col-sm-2 control-label">Confirm Password</label>
<div class="col-sm-10">
<input type="password" class="form-control" id="confirm_password" name="confirm_password" placeholder="Email">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" name="changePassword" id="changePassword" class="btn btn-primary">Change Password</button><br><br><br><br><br>
</div>
</div>
</form>
這是將數據發送到changePassword.php
的Ajax代碼。
$("#changePassword").click(function(event) {
var old_pass = $('#current_password').val();
var new_pass = $('#new_password').val();
var conf_pass = $('#confirm_password').val();
$.ajax({
url: "ajax/changePassword.php",
type: "post",
data: ({ old_pass: old_pass, new_pass: new_pass, conf_pass: conf_pass}),
success: function(data){
}
});
});
這是changePassword.php
頁面。
<?php
session_start();
include"../include/connection.php";
if (!isset($_SESSION['FT_id']))
{
}
$single_user=$_SESSION['FT_id'];
$query="select * from faculty where faculty_phone=$single_user";
$cm=sqlsrv_query($conn,$query);
$resultFT = sqlsrv_fetch_array($cm);
echo $password = $_POST['old_pass']; exit;
?>
單擊按鈕時,您需要停止瀏覽器事件的傳播。 瀏覽器正在將表單提交到當前頁面,並同時啟動AJAX調用,但是頁面重新加載更快,並且可以停止AJAX調用。
為此,請將您的jQuery代碼更改為:
$('#changePassword').click ( function ( event)
{
event && event.preventDefault ();
$.ajax (
{
url: 'ajax/changePassword.php',
type: 'POST',
data:
{
old_pass: $('#current_password').val (),
new_pass: $('#new_password').val (),
conf_pass: $('#confirm_password').val ()
},
success: function ( data)
{
alert ( 'Password changed!');
}
});
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.