Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][AJAX] jQuery - umieszczenie zawartości jednego pliku w drugim
Forum PHP.pl > Forum > Przedszkole
klapaucius
Witam. Uczę się jQuery. Mam problem z użyciem funkcji $.ajax.
Posiadam 2 pliki: index.html oraz plik.html. Chcę umieścić zawartość pliku plik.html w index.html.
Więc w index.html daję następujący kod jQuery:
  1. $(function(){
  2. $.ajax({
  3. url: 'plik.html',
  4. timeout: 2500,
  5. cache: false,
  6. success function(html){
  7. $('div#a').html(html);
  8. }
  9. });
  10. });

Kod powinien załadować zawartość pliku plik.html i zastąpić ją element div od identyfikatorze "a". Jednak po załądowaniu strony nic się nie dzieje. w pliku index.html ciągle jest element div, który nie zostaje zastapiąny niczym. Dlaczego tak jest? Co robię źle?

Używam wersji jQuery 1.9.1.
_Borys_
success :
klapaucius
Cytat(_Borys_ @ 19.05.2013, 00:04:42 ) *
success :

No racja... Nie zauważyłem. Ale o dziwo poprawienie tego nic nie dało!
Wrzuciłem te moje pliki na serwer, żebyście mogli się sami przekonać:
http://speedy.sh/9dbh7/test.zip

Co jest nie tak.. : (
zbig
Wita!

Wszystko jest ok i Twoj skrypt dziala, ale musisz testowac calosc na serwerze.
Jezeli chcesz testowac to bez servera to :

Kod
$(function(){
    $.ajax({
        url: 'plik.html',
        type: "GET",
        dataType: "json",
        success: function(html){
            $('div#a').html(html);
        }
    });
});


a zawartosc pliku
Kod
["<p>ale aajajaja hehehe</p>"]


i tez zadziala wink.gif

Pozdrawiam
klapaucius
Cytat(zbig @ 19.05.2013, 13:31:57 ) *
Wita!

Wszystko jest ok i Twoj skrypt dziala, ale musisz testowac calosc na serwerze.
Jezeli chcesz testowac to bez servera to :

Kod
$(function(){
    $.ajax({
        url: 'plik.html',
        type: "GET",
        dataType: "json",
        success: function(html){
            $('div#a').html(html);
        }
    });
});


a zawartosc pliku
Kod
["<p>ale aajajaja hehehe</p>"]


i tez zadziala wink.gif

Pozdrawiam


Super! Działa! Czyli rozumiem, aby metoda $.ajax() działała poprawnie, strona musi być odpalona z serwera, tak?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.