Использование службы защиты 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-запроса вызвали эту проблему. Но как это решить?

Может кто-нибудь мне помочь?

1

Решение

Вам нужно будет вернуть новый токен 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();
1

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

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

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