How-To: Post-Redirect-Get: AJAX без действия формы

Я хотел бы остановить повторную отправку формы при обновлении страницы для формы в профиле пользователя, где они могут обновить некоторую базовую информацию профиля, и запрос выполняется с помощью запроса ajax. Запрос работает нормально, и все хорошо, но если они обновляются, они получают классическое предупреждение о повторной отправке формы, которого я хочу избежать в этом сценарии. Я понимаю, что для этого вы можете использовать post-redirect-get, но у меня возникли проблемы, потому что моя форма не называется «действием», при нажатии кнопки отправки она просто перезагружается со страницей профиля (текущей страницей) с обновленной информацией пользователя из БД.

Я пытался с помощью:

if(isset($_POST)) {
unset($_POST);
header('Location: profile.php');
}

В самом верху текущей страницы раньше ничего, но это привело к циклу перенаправления. Есть ли простой способ сделать это в моей ситуации? Форма, запрос ajax и скрипт, который выполняется из запроса ajax, приведены ниже.

Форма:

<form id="info-form" method="post">
<div class="form-group">
<label for="location">From:</label>
<input type="text" class="form-control" name="location" id="fromVal" value="<?php if(isset($location)) echo $location; ?>">
</div>
<div class="form-group">
<label for="gender">Gender:</label>
<input type="text" class="form-control" name="gender" id="genderVal" value="<?php if(isset($gender)) echo ucwords($gender); ?>">
</div>
<div class="form-group">
<label for="email">Email:</label>
<input type="text" class="form-control" name="email" id="emailVal" value="<?php if(isset($email)) echo $email; ?>" >
</div
<div class="buttonHolder">
<button id="update" name="submit" type="submit" >Update</button>
<button type="button" class="action" id="update-cancel" data-dialog-close>Cancel</button>
</div>
</form>

AJAX:

$('#update').click(function(){
var emailVal = $("#emailVal").val();
var genderVal = $("#genderVal").val();
var locVal = $("#fromVal").val();
$.ajax({
url: 'updateProfile.php',
type: 'POST', // GET or POST
data: { email: emailVal, location : locVal, gender : genderVal }, // will be in $_POST on PHP side
success: function(data) { // data is the response from your php script
// This function is called if AJAX query was successful
},
error: function() {
// This callback is called if AJAX query has failed
}
});
});

updateProfile.php

<?php

require_once 'config.php';

try {
$mysqli= new mysqli($host, $username, $password, $dbname);
if ($mysqli->connect_error) {
die('Connect Error (' . $mysqli->connect_errno . ') '
. $mysqli->connect_error);
}
} catch (mysqli_sql_exception $e) {
throw $e;
}


$stmt = $mysqli->prepare( "UPDATE users SET email=?,location=?,gender=? WHERE fbuid = ?");
session_start();
$stmt->bind_param("sssi", $email, $location, $gender, $_SESSION['fbuid']);

$email = $_POST['email'];
$location = $_POST['location'];
$gender = $_POST['gender'];

$stmt->execute();
$stmt->free_result();
$stmt->close();
$mysqli->close();

?>

0

Решение

$_POST всегда будет установлен при загрузке страницы (даже если это не POST-запрос).

Отмена установки не поможет, потому что когда вы перенаправляете, вы загружаете новую страницу, и она устанавливается снова.

Проверьте, является ли это фактическим запросом POST или проверить, существует ли определенный фрагмент данных формы в $_POST,

0

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]