Javascript обратный вызов после запроса, перенаправление с контроллера .NET MVC - PullRequest
Новая
       51

Javascript обратный вызов после запроса, перенаправление с контроллера .NET MVC

0 голосов
/ 15 марта 2019

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

У меня есть следующий код ниже, и я ожидал, что он будет перенаправлен автоматически, но перенаправления не происходит.

paypal.Buttons({
    createOrder: function (data, actions) {
        return actions.order.create({
            intent: "CAPTURE",
            purchase_units: [{
                amount: {
                    value: '5.20',
                }
            }]
        });
    },
    onApprove: function (data, actions) {
        return actions.order.capture().then(function (details) {
            return fetch('/umbraco/surface/PayPalPayment/process', {
                method: 'post',
                redirect: 'follow',
                body: JSON.stringify({
                    OrderID: data.orderID,
                    PayerID: data.payerID,
                }),
                headers: {
                    'content-type': 'application/json'
                }
            });
        }).catch(error=>console.log("Error capturing order!", error));
    }
}).render('#paypal-button-container');

Если я явно перенаправлю с кодом ниже, то действие выполняется.

onApprove: function (data, actions) {
        return actions.order.capture().then(function (details) {
            return fetch('/umbraco/surface/PayPalPayment/process', {
                method: 'post',
                redirect: 'follow',
                body: JSON.stringify({
                    OrderID: data.orderID,
                    PayerID: data.payerID,
                }),
                headers: {
                    'content-type': 'application/json'
                }
            }).then(function () { window.location.replace('https://www.google.co.uk') });
        }).catch(function (error) {
            console.log("Error capturing order!", error);
            window.location.replace('https://www.bbc.co.uk');
        });
    }

По сути, мне интересно, почему перенаправление fetch не следует за перенаправлением, возвращаемым из моего контроллера.Перенаправление контроллера для полной комплектации: 

return new RedirectResult("/checkout/thank-you") ;

1 Ответ

1 голос
/ 15 марта 2019

Позвольте мне попытаться перефразировать ваш вопрос

Вы хотите знать, почему браузер не перенаправил после того, как вы сделали fetch - даже если fetch api-ответ был RedirectResult

Причина проста: вы сделали запрос в fetch, что означает, что вы делаете запрос AJAX (следовательно, браузер не изменится)

вы установили redirect в follow, что означает, что после первого запроса (то есть после получения ответа от /umbraco/surface/PayPalPayment/process), он будет следовать к URL /checkout/thank-you, поэтому то, что вы получите в then(), будет ответом/checkout/thank-you

в целом, это действительно следовало за ответом, но, возможно, не так, как вы ожидали (следуйте в запросе ajax, не изменяя страницу браузером)

Если вы хотите перенаправитьна определенную страницу, после успешного вызова позвоните на /umbraco/surface/PayPalPayment/process

Затем выполните:

  1. Измените свой бэкэнд так, чтобы он возвращал JsonResult URL вместо RedirectResult
return Json(new {redirectUrl = "/checkout/thank-you"});
используйте then для перенаправления 
// other code omitted

.then(function (response) { return response.json(); })
.then(function (data) {window.location.replace(data.redirectUrl)});
...