Funkcja AJAX przeglądarki krzyżowej do dynamicznego ładowania HTML

Question

Szukam funkcji AJAX, aby dynamicznie żądać strony HTML. Ja już znalazłem następujące:

function ajaxinclude(url) 
{ 
    var page_request = false 

    if (window.XMLHttpRequest) // if Mozilla, Safari etc 
     page_request = new XMLHttpRequest() 
    else if (window.ActiveXObject) // if IE 
    { 

    try { 
     page_request = new ActiveXObject("Msxml2.XMLHTTP") 
    } 
    catch (e){ 
     try{ 
     page_request = new ActiveXObject("Microsoft.XMLHTTP") 
     } 
     catch (e){} 
    } 
    } 
    else 
    return false 

    page_request.open('GET', url, false) //get page synchronously 
    page_request.send(null) 
    return page_request.responseText; 
} 

Współpracuje w Firefox i Chrome, ale nie w IE na następujący wiersz:

page_request.open('GET', url, false) 

czy istnieje lepszy dostępna funkcja, która jest gwarantowana być całkowicie kompatybilny z przeglądarką?

Edytuj: Dziękuję za wszystkie wspaniałe sugestie ... w końcu zdecydowałem, że nie wymyślam tutaj koła. Jedną z rzeczy, o których zapomniałem wspomnieć było to, że muszę ją aktualizować w pewnym odstępie czasu ... chociaż już to wymyśliłem, więc nie sądziłem, że to ma jakiś wpływ. Ale wtedy znalazłem wspaniałą metodę Ajax.PeriodicUpdater() w prototypie i ogromnie zmieniłem zdanie. Poszedłem z roztworu 50 LOC do około 4 liniach :)

Answer 1

musiałbym się zgodzić, nie idź odkrywanie koła na nowo, lub w tym przypadku, AJAX.

jQuery i Prototype zrobić doskonałą pracę pozwalając nie masz do czynienia ze wsparciem cross-browser, a także znacznie upraszcza programowanie typu Javascript. Wpadłem najpierw na JQuery'ego, więc jestem stronniczy w stosunku do niego i z tego, co widziałem, biblioteka jest nieco mniejsza (czytaj: szybsza w przeglądarce), ale prototyp, jak sądzę, był już od dawna i ma mnóstwo wtyczek i przykładów tam na zewnątrz. Ruby on Rails domyślnie używa Prototype. Co ciekawe, kod w obu wygląda bardzo podobnie i zajmuje niewiele czasu, aby zmienić biblioteki.

JQuery Tutorials < - Wystarczy udać się na dół do sekcji AJAX

Answer 2

Moim przy użyciu dowolnego z wielu różnych ram JavaScript dla tej funkcji zamiast wymyślania go. Jest jQuery, Prototype/Scriptaculous, MooTools, Dojo i wiele innych. Wszystkie te oferują obsługę różnych przeglądarek dla tego, co robisz.

Answer 3

Gdybym był tobą, będę korzystać z zestawu narzędzi, takich jak JQuery, aby upewnić się, że jest możliwie jak najbardziej zgodny. Niezależnie od tego, będziesz musiał zajmować się przypadkami, w których to nie działa. Nie zapominaj, że jest mnóstwo ludzi, którzy przeglądają bez obsługi javascript.

Answer 4

Albo można spróbować tego, jeśli nie trzeba cały ramowa: http://www.hunlock.com/blogs/The_Ultimate_Ajax_Object

Answer 5

Można użyć wersji IE, które skrypt nie obsługuje. Spróbuj ponownie, dodając przed dodaniem funkcji this code snippet. ajaxinclude() może być skrócony do

function ajaxinclude(url) { 
    var req = new XMLHttpRequest; 
    if(!req) 
     return null; 

    req.open('GET', url, false); // get page synchronously 
    req.send(); 
    return req.responseText; 
} 

Tak na marginesie: ja generalnie nie lubię za pomocą ram - nie ma zbyt dużo magia dzieje się za kulisami mi czuć się komfortowo ...

Answer 6

Polecam jQuery, ale jest również bardzo lekkie rozwiązanie: XHConn