Ajax przeładowanie diva

pytanie zadane 21 czerwca 2015 w C i C++ przez Bartaz Początkujący (440 p.)

Witam to pytanie jest kontynuacją poprzedniego tematu ponieważ tamten "utknął" , jednak problem udało mi się rozwiązać tylko teraz pojawił się nowy mam kod który powinien przeładowac jednego diva a reszte zostawic w spokoju jednak u mnie przeładowuje się cała strona jaka może być tego przyczyna?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<meta name="author" content="abryser.pl" />

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 


	<title>jQuery i AJAX</title>
    <style type="text/css">
    <!--
        #all { width: 600px; margin: auto; position: relative; }
    	#header{ border-bottom: 1px solid #ccc; margin-bottom: 10px;}
        #menu{width: 100px; border-right: 1px solid #ccc; float: left;}
        #menu a{display: block;}
        #right{margin-left: 120px; width: 480px;}
        #loader{
            width: 150px;
            height: 50px;
            border: 2px solid #004000;
            background: green;
            position: absolute;
            top: 80px;
            left: 120px;
            text-align: center;
            line-height: 50px;
            color: #fff;
            display: none;
        }
    -->
    </style>
<script type="text/javascript">
<!--
	$(function(){
	   $("#menu a").click(function(e){
	       var content=$("#content");
           var title=$("#title")
           var loader=$("#loader");
           $.ajax({
               url: $(this).attr('href')
                
                beforeSend: function(){
                    content.empty();
                    title.empty();
                    loader.show();
                },
                success: function(obj){
                    content.html(obj.tresc);
                    title.html(obj.tytul);
                },
                error : function(){
                    content.html("<p>Przepraszamy, ale strona jest chwilowo niedostępna</p>")
                },
                complete: function(){
                    loader.hide();
                }
           });
           e.preventDefault();
	   })
	})
-->
</script>
</head>
<body>
<div id="all">
    <div id="loader"><img src="ladowanie.gif"></a></div>
    <div id='header'>
        <h3>Nasze logo</h3>
    </div>
    <div id="menu">
        <a href="index.html">Home</a>
        <a href="oferta.html">Oferta</a>
        <a href="uslugi.html">Usługi</a>
        <a href="kontakt.html">Kontakt</a>
    </div>
    <div id="right">
        <h4 id="title">Tytuł strony</h4>
        <div id="content">
            <p>Zawartość strony</p>
        </div>
    </div>
</div>
</body>
</html>

1 odpowiedź

odpowiedź 21 czerwca 2015 przez Comandeer Guru (601,110 p.)

Konsola coś rzuca? Odpalasz to z serwera czy z dysku?

komentarz 21 czerwca 2015 przez Bartaz Początkujący (440 p.)
edycja 21 czerwca 2015 przez Bartaz

Konsola tzn? Dodatek do firefoxa firebug pokazuje taki komunikat

SyntaxError: missing } after property list

	beforeSend: function(){

Wyczytałem że ten błąd znaczy że brakuje zamykającego nawiasu jednak wszystkie nawiasy są w tej funkcji więc nie wiem o co chodzi

Odpalam na lokalnym serwerze

komentarz 21 czerwca 2015 przez Comandeer Guru (601,110 p.)

Konsola tzn?

Wbudowana w Firefoksa, której to powinieneś używać zamiast przestarzałego Firebuga ;)

Ok, dzięki komunikatowi zauważyłem, że po url nie masz przecinka - dostaw go na końcu tej linijki:

url: $(this).attr('href')

komentarz 21 czerwca 2015 przez Bartaz Początkujący (440 p.)

Teraz działa jednak nie wczytuje się div content tzn z zawartością ;/

komentarz 21 czerwca 2015 przez Comandeer Guru (601,110 p.)

A co Ty pobierasz? Jeśli HTML, to Twój callback success jest źle napisany i pewnie rzuca błędem.

komentarz 21 czerwca 2015 przez Bartaz Początkujący (440 p.)

Jestem zielolny jeśli chodzi o ajaxa ten przykład skopiowałem z pewnej strony no i chciałem poeksperymentować na nim .

Moześz powiedzieć co powinno być jeszcze dodane aby to działało?

komentarz 21 czerwca 2015 przez Comandeer Guru (601,110 p.)

Ale co pobierasz? HTML?

 success: function(obj){
    content.html(obj);
}

Spróbuj z czymś takim - z tym, że wówczas trza pomyśleć jak aktualizować tytuł

komentarz 21 czerwca 2015 przez Bartaz Początkujący (440 p.)

Pobieram php jednak zmieniłem w tym co podałeś z html na php i wszystko ładnie działa dzięki .

Podobne pytania

0 głosów

2 odpowiedzi 194 wizyt

Przeładowanie operatorów (dodawanie)

pytanie zadane 13 kwietnia 2021 w C i C++ przez grzecho123 Początkujący (450 p.)

0 głosów

2 odpowiedzi 493 wizyt

Przeładowanie operatora <<

pytanie zadane 9 czerwca 2017 w C i C++ przez niezalogowany

0 głosów

1 odpowiedź 374 wizyt

Automatyczne odświeżanie diva nie działa

pytanie zadane 10 października 2020 w PHP przez KumberTwo Dyskutant (8,270 p.)

Ajax przeładowanie diva

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

1 odpowiedź

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci