Forum PHP.pl > [PHP][jQuery] ładowanie danych do pliku

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [PHP][jQuery] ładowanie danych do pliku

oomaster

15.10.2011, 06:26:13

Witam,

Plik index.html

[HTML] pobierz, plaintext 
<html>
<head>
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<title>Xyz</title>
<script>
$(document).ready(function(){
 
 
function getDiv(co) {
$.ajax({
type: "GET",
url: "a.php",
data: {id: co},
pobierz: function (XMLHttpRequest) {
$("#content").html("Trwa pobieranie danych.");
},
success: function(msg) {
$("#content").html(msg);
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
$("#content").html('Przepraszamy, dane nie mog? być pobrane.');
}
});
 
 
});
}
});
</script>
</head>
<body>
<div id="content"></div><br/>
<a href="java script:getDiv('1')">Klik</a><br/>
<a href="java script:getDiv('3')">Klik II</a><br/>
<a href="java script:getDiv('4')">Klik III</a>
</body>
</html>
[HTML] pobierz, plaintext

Plik a.php

[PHP] pobierz, plaintext 
<?php
 
$id= $_GET["id"];
echo "<h1>".$id."</h1>";
 
?>
[PHP] pobierz, plaintext

Jaki widać jest kod który odwołuje się do pliku a.php i wyświetla zawartość lecz cały kod nie działa, co jest nie tak. Brak jakiejkolwiek reakcji.

Bardzo proszę o pomoc

konrados

15.10.2011, 08:38:59

Poczytaj o funkcji jquery ajax: http://api.jquery.com/jQuery.ajax/ bo ten Twój kod jakiś dziwny jest.
I włącz firebuga (w ff) lub narzędzia developerskie (w chrome) i zobacz co wypluwa konsola.

Gość

15.10.2011, 11:44:52

Dlaczego dziwny ? Nie wiem zbytnio jaki kod uzyc w a href aby link odwolywal sie do funkcji

croc

15.10.2011, 11:55:09

Problem jest dość złożony, zacznij sam badać sprawę, bo samo śledztwo wymaga zbyt dużo czasu, a nikt tu nie jest instytucją charytatywną

Zgadzam się, że kod dość dziwny. A to dlatego, że jest poplątany. Lepiej byłoby, gdyby PHP generował tylko dane, a nie cały "widok". Bardziej intuicyjnie będzie, jeśli <h1> zostanie przypisany przez kod JS. Podobnie wątpliwie użyteczne jest to rozwiązanie z $_GET, ale rozumiem, że się uczysz.

oomaster

15.10.2011, 12:36:23

Ucze sie, ucze. Chce zastosowac taka metode poniewaz mam duzo danych i chce by generowaly sie wtedy kiedy uzytkownik bedzie chcial a nie wszystko na raz...

croc

15.10.2011, 12:38:47

To bardzo fajnie. Jeśli chcesz nabierać dobrych nawyków podczas nauki (bezcenne!), to oddzielaj dane od ich reprezentacji. Żadnych getDiv dla Ajaxa. Ajaxem pobieraj tylko dane.

k_@_m_i_l

15.10.2011, 13:06:41

Kod

W href ma być "javascript" a nie "java script" tak jak Ty to napisałeś. Poza tym, firebug, firebug i jeszcze firebug. Najlepiej wrzuć gdzieś ten skrypt, żebyśmy mogli zobaczyć na żywo.

croc

15.10.2011, 13:10:49

Cytat(k_@_m_i_l @ 15.10.2011, 14:06:41 )

W href ma być "javascript" a nie "java script" tak jak Ty to napisałeś.

Ostatnio odkryłem, że takiego psikusa robi edytor tego forum

oomaster

15.10.2011, 21:35:13

Ok, Zmieniłem troszkę strategie i próbuje z prostym rozwiązaniem:

[HTML] pobierz, plaintext 
<html>
<head>
<title>test</title>
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 
    function eq(id) {
            $('#textid').load('a.php?id='+id);
    }
 
});
</script>
</head>
<body>
<div id='textid'></div>
<button onclick="eq('12');">RAZ</button>
<button onclick="eq('45');">DWA</button>
</body>
</html>
[HTML] pobierz, plaintext

Lecz Firebox zwraca błąd:

Cytat

eq is not defined Line 1

konrados

15.10.2011, 21:41:43

No na pewno musisz wyrzucić funkcję eq poza document.ready.

oomaster

15.10.2011, 21:49:36

Dzięki :-) pomogło :-)

konrados

15.10.2011, 21:53:48

Ależ proszę

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.