Skocz do zawartości

[AJAX]Wczytywanie danych po kliknięciu w link

PawelC

Przez PawelC
w PHP i MySQL i inne

Rekomendowane odpowiedzi

PawelC Newbie

PawelC

Opublikowano
Opublikowano

mam taki kod:

<html>
<head>
<title>Ajax dla początkujących</title>
<script language="javascript">
var XMLHttpRequestObject = false;
if (window.XMLHttpRequest) {
XMLHttpRequestObject = new XMLHttpRequest ();
}else if (window.AtiveXObject) {
XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
}
function getData (dataSource, divID)
{
if(XMLHttpRequestObject) {
var obj = document.getElemetById(divID);
XMLHttpRequestObject.open("GET", dataSource);
XMLHttpRequestObject.onreadystatechange = function ()
{
if (XMLHttpRequestObject.readyState = = 4 &&
XMLHttpRequestObject.status == 200) {
obj.innerHTML = XMLHttpRequestObject.responseText;
}
}
XMLHttpRequestObject.send(null);
}
}
</script>
</head>
<body>
<H1>Przechwycenie danych z pliku</H1>
<form>
<input type = "button" value ="Załaduj dane"
onclick = "getData('data.txt',
'test')">
</form>
<div id="test">
<p> Przechwycone dane będą tu</p>
</div>
</body>

Mam taki kod i wszystko działa elegancko, tylko jak teraz to przerobić, aby zamiast buttona był link, i po jego kliknięciu wczytało dane? Jak zamiast onclick dam, onmouseover to się zmieni po najechaniu na link. A mi chodzi w wypadku gdy pobiorę dane z bazy i wybiore jeden program, to zamiast tych linków pojawią się dane o programie.

Odnośnik do komentarza
Udostępnij na innych stronach
  • Odpowiedzi 48
  • Dodano
  • Ostatniej odpowiedzi
Mion Veteran

Mion

Opublikowano
Opublikowano

Zainteresuj się jquery która implementuje obsługę AJAX, oraz zdarzenia ;)

HTTP 200 usługi IT -> Dariusz Janicki | Realizacja serwisów www oraz oprogramowania w PHP / C# / Golang / Node.js / MySQL/ Laravel
Komory normobaryczne - normobaria.tech Wykonawca montażu i instalacji komory normobarii

Odnośnik do komentarza
Udostępnij na innych stronach
Mion Veteran

Mion

Opublikowano
Opublikowano

jquery @AJAX, oraz zdarzenia -> oraz wiele innych ciekawych efektów ...

HTTP 200 usługi IT -> Dariusz Janicki | Realizacja serwisów www oraz oprogramowania w PHP / C# / Golang / Node.js / MySQL/ Laravel
Komory normobaryczne - normobaria.tech Wykonawca montażu i instalacji komory normobarii

Odnośnik do komentarza
Udostępnij na innych stronach
slawek22 Newbie

slawek22

Opublikowano
Opublikowano

Zainteresuj się mootools. Jquery zamienia funkcje js i sposób pisania kodu, musisz się bawić w "rzutowanie typów" żeby przełączać się między obiektem który obsługuje standardowe metody i metody jquery.

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.
MooTools is a compact, modular, Object-Oriented JavaScript framework

MT rozszerza funkcjonalność obiektów zamiast ją zamieniać przez co odpada dużo niepotrzebnego kodu i cały skrypt jest lepiej zaprojektowany (nie musisz się zastanawiać czy dany obiekt ma metody jq czy standardowego DOM, trzymać 2 zmiennych dla jednego obiektu czy bez przerwy bawić się w bezsensowną zamianę typów).

$('.xx:checked').get(0).onclick=; -> DOM

$('.xx:checked').click(...); -> jquery

Dla mnie to po prostu zły design, w mootols masz 1 objekt z wszystkimi metodami DOM i rozszerzoną funkcjonalnością MT.

$$('.xx:checked');

Odnośnik do komentarza
Udostępnij na innych stronach
Mion Veteran

Mion

Opublikowano
Opublikowano

I ponad 100KB zbędnych danych do załadowania :D

HTTP 200 usługi IT -> Dariusz Janicki | Realizacja serwisów www oraz oprogramowania w PHP / C# / Golang / Node.js / MySQL/ Laravel
Komory normobaryczne - normobaria.tech Wykonawca montażu i instalacji komory normobarii

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności