[AJAX][JavaScript][PHP]Dodanie odświeżenia strony do istniejącego kodu Opcje

[4Axis]

Witam.
Chcę założyć sklep oparty na prestashop i potrzebowałbym zmodyfikować jedną fukncjonalność. Przy przycisku "Dodaj do koszyka" chciałbym aby dodatkowo odświeżała się cała strona. Jestem laikiem i nie wiem czy coś takiego jest osiągalne.
Doszedłem że fragment kodu, który odpowiada za wykonanie akcji dodawania do koszyka wygląda tak (mam nadzieję że to jest właściwy fragment (IMG:style_emoticons/default/wink.gif) ). Pochodzi z pliku ajax-card.js

[PHP] pobierz, plaintext 
    overrideButtonsInThePage : function(){
          //for every 'add' buttons...
          $('.ajax_add_to_cart_button').unbind('click').click(function(){
             var idProduct =  $(this).attr('rel').replace('nofollow', '').replace('ajax_id_product_', '');
             if ($(this).attr('disabled') != 'disabled')
                ajaxCart.add(idProduct, null, false, this);
             return false;
          });
          //for product page 'add' button...
          $('#add_to_cart input').unbind('click').click(function(){
             ajaxCart.add( $('#product_page_product_id').val(), $('#idCombination').val(), true, null, $('#quantity_wanted').val(), null);
             return false;
          });
[PHP] pobierz, plaintext 

pozdrawiam

[timon27]

Tak, dodaj:

[HTML] pobierz, plaintext 
location.reload();
[HTML] pobierz, plaintext 

zamiast return.

Tylko że mnie się wydaje że to zły pomysł - użytkownicy nie lubią jak im strona mruga. No i efekt dodawania do koszyka ci zniknie. Ja bym tego nie robił.
Dlaczego tak chcesz zrobić?

Ten post edytował timon27 14.07.2014, 11:52:24

[4Axis]

Chcę pokazać ile punktów rabatowych zostaje klientowi po dodaniu produktu (różnicz pomiędzy wartością zamówienia a zgromadzonymi punktami)

[PHP] pobierz, plaintext 
{foreach $displayVouchers as $voucher} {displayPrice price=$voucher.reduction_amount - $cart->getordertotal(true)} {/foreach}
[PHP] pobierz, plaintext 

jednak wynik pokazuje się dopiero po odświeżeniu strony. Zrobiłem przycisk obok wartości punktów, ale to wymaga akcji klienta a chciałbym tego uniknąć.
dodałem do kodu coś takiego:

[PHP] pobierz, plaintext 
 
$('.refresh-button').click(Function(){
     location.reload();
})
 
[PHP] pobierz, plaintext 

ale pokazuje i błąd, że produktu nie można dodać do koszyka (pop-up) kiedy jednak kliknę ok dla błędu to produkt wchodzi. NIe wiem jak można inaczej to ugryźć.

[trueblue]

Jaki masz adres w przeglądarce kiedy wywołujesz reload?

P.S. Zainteresuj się Ajaxem.

[4Axis]

Tak, dodaj:

[HTML] pobierz, plaintext 
location.reload();
[HTML] pobierz, plaintext 

zamiast return.

Wyskakuje ten sam błąd co powyżej, potem przeskakuje do koszyka i dodaje produkt (IMG:style_emoticons/default/sad.gif)

localhost/presta-czysta/index.php?id_category=3&controller=category

P.S. Zainteresuj się Ajaxem.

z pewnością dobry pomysł, tylko, że nigdy więcej nie będzie mi on potrzebny, więc mam pewne opory (IMG:style_emoticons/default/wink.gif)

[trueblue]

Spróbuj tak:
window.open(window.location,'_self');

[4Axis]

(IMG:http://profesjonalnyretusz.pl/error.jpg)

Błąd wyskakuje jednak po kliknięciu "OK" produkt się dodaje do koszyka i strona się przeładowuje. Kod do wyświetlania błędu poniżej, możę da się uniknąć wyskawiwania tego komunikatu?

[PHP] pobierz, plaintext 
error: function(XMLHttpRequest, textStatus, errorThrown)
			{
				alert("Impossible to add the product to the cart.\n\ntextStatus: '" + textStatus + "'\nerrorThrown: '" + errorThrown + "'\nresponseText:\n" + XMLHttpRequest.responseText);
				//reactive the button when adding has finished
				if (addedFromProductPage)
					$('#add_to_cart input').removeAttr('disabled').addClass('exclusive').removeClass('exclusive_disabled');
				else
					$(callerElement).removeAttr('disabled');
			}
[PHP] pobierz, plaintext 

Dziękuję za wytrwałość (IMG:style_emoticons/default/wink.gif)

Może inne rozwiązanie? czytałem o odświeżaniu DIV-a co x-sekund. Czy taka opcja mogłaby się sprawdzić?
Odświeżanie DIV-a

[trueblue]

To nie jest problem z przeładowaniem, a z samym Ajaxem.
Otwórz konsolę developerską w przeglądarce i zobacz co się dzieje w zakładce Sieć, z tym żądaniem (jaki status ma odpowiedź, jaka jest odpowiedź).

[4Axis]

Pokazuje się:
Request URL:http://sklep.inkotime.pl/modules/blockcart/ajax-cart.js
Request Method:GET
Status Code:304 Not Modified
przy zostwionym return false;

[PHP] pobierz, plaintext 
$('.ajax_add_to_cart_button').unbind('click').click(function(){
			var idProduct =  $(this).attr('rel').replace('nofollow', '').replace('ajax_id_product_', '');
			if ($(this).attr('disabled') != 'disabled')
				ajaxCart.add(idProduct, null, false, this);
			window.open(window.location,'_self');
                        return false;
[PHP] pobierz, plaintext 

gdy wytnę return false;
dalej mam 304 dla ajax-card.js + dodatkowa robi przekierowanie do podsumowania koszyka
Adres sklepu poniżej:
Sklep

[trueblue]

Nie o status tego żądania chodziło.
Ale ok. Przywróć na razie kod JS sprzed zmian (czyli bez reload czy window.open).

[4Axis]

ok, wstawiony czysty

[trueblue]

http://sklep.inkotime.pl/modules/blockcart/ajax-cart.js
Przed linią 263 dodaj reload lub window.open

[4Axis]

WOW, pokłony MISTRZU, działa pięknie (IMG:style_emoticons/default/wink.gif) dziękuję pięknie

jeżeli to nie nadwyręży Twojego czasu, mógłbyś mi napisać jak podejrzeć

jaki status ma odpowiedź, jaka jest odpowiedź

w przeglądarce

Ten post edytował 4Axis 15.07.2014, 11:07:12

[trueblue]

Po prostu podejrzyj żądanie, które jest wywoływane po kliknięciu w koszyk, ale nie teraz kiedy jest reload.

Ale ma to małe znaczenie w związku z rozwiązaniem. Najzwyczajniej reload był wywoływany przed poprawnym zakończeniem żądania Ajax, a pewność taka jest w metodzie success. Możesz ten efekt zobaczyć w zakładce sieć, żądanie będzie "zcancelowane".

[4Axis]

Super, jeszcze raz dziękuję. Najlepszego