Ошибка перенаправления для OpenCart с UserFrosting

Маршруты OpenCart не созданы для запросов AJAX

Способ, которым обрабатываются UserFrosting и OpenCart POST запросы, кажется, в корне противоречат друг другу. Если вы посмотрите на код для catalog/category/add маршрут (или, по крайней мере, я так думаю, но в коде, похоже, нет документации внутри кода, поэтому трудно быть уверенным), вы увидите это:

public function add() {
$this->language->load('catalog/category');

$this->document->setTitle($this->language->get('heading_title'));

$this->load->model('catalog/category');

if (($this->request->server['REQUEST_METHOD'] == 'POST') && $this->validateForm()) {
$this->model_catalog_category->addCategory($this->request->post);

$this->session->data['success'] = $this->language->get('text_success');

$url = '';

if (isset($this->request->get['sort'])) {
$url .= '&sort=' . $this->request->get['sort'];
}

if (isset($this->request->get['order'])) {
$url .= '&order=' . $this->request->get['order'];
}

if (isset($this->request->get['page'])) {
$url .= '&page=' . $this->request->get['page'];
}

$this->response->redirect($this->url->link('catalog/category', 'token=' . $this->session->data['token'] . $url, 'SSL'));
}

$this->getForm();
}

Так что здесь происходит? Казалось бы, когда вы отправляете catalog/category/add, он начинает генерировать документ (я предполагаю, что это то, что делают первые три строки), и затем он обрабатывает ваш запрос POST (я считаю, $this->model_catalog_category->addCategory($this->request->post); фактически добавляет категорию).

Затем он перестраивает URL-адрес для перечисления всех категорий (я полагаю) и фактически перенаправляет ответ на эту страницу (все еще в коде на стороне сервера, который обрабатывает запрос POST, обратите внимание). Это все нормально, и на самом деле так работает большинство приложений старой школы (до AJAX), но UF работает немного иначе.

Маршруты UserFrosting (в основном) RESTful

В UF запрос POST RESTful, это означает, что только Задача POST-запроса — изменить ресурс. Поэтому, когда вы нажимаете «отправить» в форме UserFrosting, запрос POST отправляется за кулисы, AJAX, где он обрабатывается (либо успешно обновляет ресурс и возвращает HTTP). 200 код успеха или сбой по какой-либо причине и возвращение кода ошибки). Если страница должна быть обновлена ​​или перенаправлена ​​после этого запроса, за это отвечает код на стороне клиента (Javascript).

Рекомендация

Мой совет — полностью отказаться от контроллера OpenCart и повторно внедрить его в шаблон RESTful. Таким образом, вместо того, чтобы иметь OpenCart add() Метод, вы должны иметь такие методы, как:

1. formCategoryAdd: генерирует форму для добавления категории. Это может быть так же просто, как обертка вокруг OpenCart getForm метод. Это в основном тот же тип, что и UserFrosting formUserCreate делает.
2. addCategory: это фактически обрабатывает запрос POST для добавления категории. Опять же, вам может потребоваться сделать здесь больше ничего, чем вызвать OpenCart addCategory а также validateForm методы. Разница лишь в том, что вы не будете перенаправлять запрос после его завершения. Вместо этого вы добавите сообщение об успешном завершении в поток сообщений (если оно успешно добавит категорию) или добавите сообщение об ошибке, а затем вернете соответствующий код ошибки (если по какой-то причине произошел сбой). Смотрите UserFrosting’s createUser метод для примера того, как это может работать.

Затем на стороне клиента вам понадобится Javascript для обработки отправки формы. Вы можете в основном украсть его с любой из страниц UF. Предполагая, что ваша форма названа add-category:

<script>
$(document).ready(function() {
// Process form
$("form[name='add-category']").formValidation({
framework: 'bootstrap',
// Feedback icons
icon: {
valid: 'fa fa-check',
invalid: 'fa fa-times',
validating: 'fa fa-refresh'
},
fields: { "" : ""}
}).on('success.form.fv', function(e) {
// Prevent double form submission
e.preventDefault();
// Get the form instance
var form = $(e.target);
// Serialize and post to the backend script in ajax mode
var serializedData = form.serialize();
var url = form.attr('action');
$.ajax({
type: "POST",
url: url,
data: serializedData
}).done(function(data, statusText, jqXHR) {
// Forward to account home page on success
window.location.replace(site.uri.public);
}).fail(function(jqXHR) {
if ((typeof site !== "undefined") && site['debug'] == true) {
document.body.innerHTML = jqXHR.responseText;
} else {
console.log("Error (" + jqXHR.status + "): " + jqXHR.responseText );
// Display errors on failure
$('#userfrosting-alerts').flashAlerts().done(function() {
// Re-enable submit button
form.data('formValidation').disableSubmitButtons(false);
});
}
});
});
});
</script>

Если вы хотите уменьшить количество повторений кода на стороне клиента, я поместил этот Javascript в отдельную функцию в dev ветка: https://github.com/alexweissman/UserFrosting/blob/dev/public/js/userfrosting.js#L58-L113