Использование службы защиты CSRF с Ajax в Phalcon
У меня проблемы с компонентом защиты CSRF в Phalcon с Ajax.
HTML-форма
<form id="signup-form" onSubmit="onSignUpSubmit(); return false;">
<input id="username" type="text" placeholder="Username" />
<input id="password" type="password" placeholder="Password" />
<input id="email" type="text" placeholder="Email" />
<input id="signup-csrf-token" name="{{ security.getTokenKey() }}" val="{{ security.getToken() }}" type="hidden" />
<button class="btn btn-primary btn-block" type="submit">Sign Up</button>
</form> <!-- #signup-form -->
Код Ajax
var username = $('#username', '#signup-form').val(),
password = $('#password', '#signup-form').val(),
email = $('#email', '#signup-form').val(),
csrfKey = $('#signup-csrf-token').attr('name'),
csrfValue = $('#signup-csrf-token').attr('val');
var postData = {
'username': username,
'password': password,
'email': email
};
postData[csrfKey] = csrfValue;
$.ajax({
type: 'POST',
url: '{{ url('/accounts/signup.action') }}',
data: postData,
dataType: 'JSON',
success: function(result){
console.log(result);
}
});
Когда отправляете Ajax-запрос в первый раз, $this->security->checkToken() Функция в контроллере возвращает true. Но во второй раз и позже функция возвращает false.
я думаю csrfToken изменения для каждого HTTP-запроса вызвали эту проблему. Но как это решить?
Может кто-нибудь мне помочь?
Решение
Вам нужно будет вернуть новый токен CSRF в ответе об успехе AJAX. Затем обновите поле формы новым токеном.
счета / signup.action
return json_encode((object) array(
'output' => $original_output,
'csrf' => (object) array('name' => $csrf_name, 'value' => $csrf_token)
));
Javascript
$.ajax({
type: 'POST',
url: '{{ url('/accounts/signup.action') }}',
data: postData,
dataType: 'JSON',
success: function(result){
$('input#signup-csrf-token')
.attr('name', result.csrf.name)
.val(result.csrf.value);
console.log(result.output);
}
});
Вы также должны изменить
$('#signup-csrf-token').attr('val');
в
$('#signup-csrf-token').val();
Другие решения
Других решений пока нет …