Przeglądarka nie rozróżnia częściowego kodu HTML uzyskanego za pośrednictwem AJAX i pełnej strony.

Mam stronę, do której można uzyskać dostęp za pośrednictwem adresu URL/produktów. Gdy odwiedzam ją w przeglądarce, odpowiada ona całą stroną w układzie. Oto uproszczony przykład żądanie nagłówków i treści odpowiedzi:Przeglądarka nie rozróżnia częściowego kodu HTML uzyskanego za pośrednictwem AJAX i pełnej strony.

Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 

<layout> 
<products /> 
</layout>

Gdy użytkownik wykonuje pewne przeszukać rezultaty javascript via AJAX. Wyniki te są świadczone bez układu, ponieważ potrzeba czasu do renderowania i nie trzeba go tak czy owak:

Accept: */*;q=0.5, text/javascript, application/javascript, application/ecmascript, application/x-ecmascript 
X-Requested-With: XMLHttpRequest 

<products />

Tak, to działało w porządku, dopóki nie dodał buforowanie Cache-Control: private, max-age=3600. Początkowo chciałem dodać nagłówek Vary: X-Requested-With, a przeglądarka rozróżniłaby dwie odpowiedzi. Jednak gdy otrzymam/produkty za pośrednictwem AJAX, a następnie odwiedzę/produkty w przeglądarce, wyświetli się częściowa odpowiedź AJAX.

Czy istnieje prosty sposób rozwiązania tego problemu?

P.S. Używam Ruby on Rails i jQuery, jeśli to ma znaczenie.

Źródło

2012-07-04 Simon Perepelitsa

Czy próbowałeś 'Vary: Accept'? – regilero

Tak, to też nie działa. Myślę, że przeglądarka prawidłowo buforuje obie odpowiedzi. Ale z powodu Content-Type: text/html traktuje je jednakowo i pokazuje ostatni, który jest częściowy. –

Właściwie próbowałem odpowiedzieć JSONEM, a teraz pokazuje JSON. Więc nie zależy to od typu zawartości: text/html. Jestem zaskoczony, że "Vary" nie ma tutaj żadnego efektu. –

Niech twoje połączenie Ajax używa innego adresu URL, jak/products/partial.

Źródło

2012-07-07 01:01:57 SargeATM

To na razie wygląda jak jedyne rozwiązanie. Oznacza to jednak, że będę musiał zmodyfikować każdy adres URL po javascriptie po stronie klienta, co nie jest zbyt wygodne. –

Powinieneś mieć Diferent URL dla częściowych wyników (tzn? Partial = TAK lub coś takiego ...)

LUB

można uzyskać całą stronę za pośrednictwem AJAX i wyodrębnić tylko część, którą chce używać jquery.load().

$("#productsContainerHolder").load("/my/products/url #productsContainer", { myParam: "beer", myParam2: "cold"});

$ .load wezwie serwera z 'get' metodzie odzyskać całą zawartość, wyodrębnić #productsContainer stamtąd i wstawić na "#productsContainerHolder"

<div id="productsContainerHolder"> 
    <div id="productsContainer> 
     ... 
    </div> 
</div>

Źródło

2012-07-10 16:29:10 devundef

Nie renderuję układu, ponieważ zajmuje on znaczną ilość czasu odpowiedzi. Wydobywanie nie jest tutaj problemem. –

Ten article Steve Luscher opisuje podobny przypadek, w którym problem był bardziej przerywany niż opisywany. Proponowane rozwiązania są:

Anuluj wszystkich żądań AJAX w czasie, gdy formularz jest składany

użyć innego adresu URL w zależności od odpowiedzi można się spodziewać

Steve poszedł na # 1 używając cancel() w żądaniach ajax.

Nie wspominając Jakie przeglądarki użyłeś, nie jest przeglądarką powiązane pytanie here

Źródło

2012-07-12 22:06:57

Pierwsze rozwiązanie nie ma zastosowania w mojej sytuacji. Ale cieszę się, że inni ludzie zgłaszają ten sam problem. Pytanie, które łączysz, nie jest dla mnie powiązane, ale używam Safari. Testowane również w Firefoksie. –

Przymież Vary: Accept. To powinno działać.

Źródło

2012-07-13 09:26:31 Bharath

Próbowałem tego, ale problem nadal istnieje. Kopiowanie moich myśli z góry: Myślę, że przeglądarka prawidłowo buforuje obie odpowiedzi. Ale z powodu Content-Type: text/html traktuje je jednakowo i pokazuje ostatni, który jest częściowy. –

prawdopodobnie najłatwiej jest ustawić na "False" parametr "cache" dla metody jonowej Ajax. Automatycznie doda sygnatury czasowe do identyfikatora URI, zapobiegając jego buforowaniu.

Można to zrobić aplikację szeroki z następującym fragmencie:

$.ajaxSetup({ 
    cache: false 
});

Jeśli bufor ma znaczenie nawet dla dynamicznego życzenie, można wygenerować samemu datownik w oparciu o datę wraz z godziną.

Źródło

2012-07-13 14:25:42 yadutaf

Spróbuj wysłać rewalidację musi zamiast prywatnego (co jest bardziej dla proxy).

Cache-Control: max-age=3600, must-revalidate

polecam czytanie tego artykułu: http://www.mnot.net/cache_docs/ to może pomóc. A także użyj narzędzia Mark http://redbot.org/, aby przetestować swoje wyniki, aby wyeliminować lokalny komputer lub isp lub co nie.

Źródło

2012-07-14 00:25:17

Przeglądarka nie rozróżnia częściowego kodu HTML uzyskanego za pośrednictwem AJAX i pełnej strony.

Odpowiedz

Powiązane problemy