Ajax, updates updates, same_origin_policy prüfen
https://stackoverflow.com/questions/1876498
-
18-09-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianFrage
Ich habe dieses HTML -Handbuch, das mit meiner Anwendung installiert wird. Dieses Handbuch wird häufig (3-5 Mal pro Woche) aktualisiert und ich möchte meine Benutzer warnen, wenn das Handbuch veraltet ist.
Das erste, woran ich dachte, war, meinem Webserver ein heiß gebundenes Bild zu erstellen, mit dem ich die Version überprüfen konnte, die sie verwenden, wo sie ein Bild oder "No Update" -Abbild verwenden und servert. Wenn der Benutzer jedoch keine Internetverbindung hat, wird das Bild als kaputes Bild angezeigt. Und das will ich nicht.
Als nächstes suchte ich ein bisschen Ajax, um die Anfrage von meinem Webserver zu stellen. Wenn der Benutzer keine Internet -Verbindung hätte, könnte das JavaScript in der Lage sein, anmutig zu scheitern. Aber ich bin zu einem Problem gelaufen. Da das Handbuch als lokale Datei auf dem Benutzer -PC gespeichert ist, wird es als Cross -Domain -Anforderung angesehen (Gleiche Ursprungsrichtlinie) Anfrage von meinem Webserver zu stellen.
Irgendwelche Vorschläge, was man sonst noch ausprobieren soll?
Ich kann nicht nur einen Hyperlink in das Startmenü in die Online -Version des Handbuchs einfügen, da viele meiner Benutzer keine Internetverbindung haben.
Lösung
Ihre erste Intuition scheint mir die einfachste Lösung zu sein.
Verwenden Sie ein heiß gebundenes Bild, um ein Update zu werben. Verwenden Sie den ALT -Text, um das kaputte Bild auszublenden und dem Benutzer eine hilfreiche Nachricht anzuzeigen.
Zum Beispiel könnten Sie versuchen:
<img src="foobar.jpg?v=1.05.93" alt="Checking for updates... Offline! Connect to the internet to check for updates to this manual." name="UpdateChk" />
Um Lust zu haben, fügen Sie in Ihrem CSS einen Rand und etwas Polster hinzu, damit der IMG -Alt -Text auffällt und nicht nur so aussieht, als wäre er ein regulärer Textteil des Handbuchs. Vielleicht ein 1px -Grenze und 3px Rand/Polsterung?
Andere Tipps
Verwenden Sie $ .post mit einer Rückruffunktion, um Ihre Antwort zu verarbeiten. Es ist "gleiche Herkunftsrichtlinie" sicher.
Sie könnten möglicherweise JSONP verwenden. Lesen Sie hier mehr davon:
