Obnovení DIVu pomocí JS bez reloadu stránky

14. 9. 2012 18:10:30

Zdravim,

hledám script, nejspíš založený na AJAXu a jQuery, který by mi obnovil část obsahu, daný DIV. Např. když se provede nějaký zápis do databáze aby se nenačetla celá stránka, ale jen aktuální data do divu a třeba i s nějakým .fadeIn() efektem.

Neví někdo o nějakém řešení? nějaké scripty jsem sice našel ale nejsem z toho moc moudrej.

Díky.

14. 9. 2012 18:10:30

https://webtrh.cz/diskuse/obnoveni-divu-pomoci-js-bez-reloadu-stranky#reply808250

Jan Stejskal

(7 hodnocení)

14. 9. 2012 18:16:49

To se dělá ajaxem, pokud se má obsah obnovovat sám, tak je potřeba použít časový interval, pkud manuálně, tak to udělat třeba na základě metody onclick. Celé to lze řešit přes jquery. (http://api.jquery.com/jQuery.ajax/)

14. 9. 2012 18:16:49

https://webtrh.cz/diskuse/obnoveni-divu-pomoci-js-bez-reloadu-stranky#reply808249

F1eldy

(2 hodnocení)

14. 9. 2012 18:52:58

Obnovení s pomocí intervalu zvládnu, ale nevím jak to navázat na nějakou událost třeba na zápis do databáze. Interval mi v tomto případě nepomůže.

14. 9. 2012 18:52:58

https://webtrh.cz/diskuse/obnoveni-divu-pomoci-js-bez-reloadu-stranky#reply808248

Marek Zak

(25 hodnocení)

14. 9. 2012 19:04:47

Dobrý den,

zavolat AJAX na nějakou URL a tam mít zprácování, třeba i onen zápis do Databáze. V čem je problém?

14. 9. 2012 19:04:47

https://webtrh.cz/diskuse/obnoveni-divu-pomoci-js-bez-reloadu-stranky#reply808247

F1eldy

(2 hodnocení)

14. 9. 2012 19:22:30

Jak tedy uvést do provozu třeba něco takového?

14. 9. 2012 19:22:30

https://webtrh.cz/diskuse/obnoveni-divu-pomoci-js-bez-reloadu-stranky#reply808246

Kamil Hurajt

(8 hodnocení)

14. 9. 2012 21:35:05

Napsal F1eldy;844546
Jak tedy uvést do provozu třeba něco takového?
$(document).ready(function(){ // The ajax function var replaceContent = function(){ $.ajax({ type : 'GET', //or POST, PUT, etc. url : 'index.php', dataType : 'html', success : function(data){ $('#refreshable').html(data); }, error : function(XMLHttpRequest, textStatus, errorThrown) { alert('Error!'); } }); }

Hehe, no skuste to takhle:

spracuj.php

Kdyz tohle pouzijes bude se ti to nacitat skus si to vyskouset, a pohrat si s tim a verim ze pochopis jak to pouzivat.

Pokud ti to pomuze bodik + potesi.

14. 9. 2012 21:35:05

https://webtrh.cz/diskuse/obnoveni-divu-pomoci-js-bez-reloadu-stranky#reply808245

F1eldy

(2 hodnocení)

14. 9. 2012 22:15:58

Už je mi to o něco jasnější, hlavně díky těm komentářům. Zítra vyzkouším, díky :)

---------- Příspěvek doplněn 15.09.2012 v 03:20 ----------

Super, tak funguje. Ještě bych potřeboval do data načíst proměnou nejlépe z $_GET

14. 9. 2012 22:15:58

https://webtrh.cz/diskuse/obnoveni-divu-pomoci-js-bez-reloadu-stranky#reply808244

Kamil Hurajt

(8 hodnocení)

15. 9. 2012 10:09:47

tak v data: zmenis hodnotu ktera tam je na :

data: 'id=hodnota'

a type zmenis na GET

15. 9. 2012 10:09:47

https://webtrh.cz/diskuse/obnoveni-divu-pomoci-js-bez-reloadu-stranky#reply808243

F1eldy

(2 hodnocení)

15. 9. 2012 10:45:39

to vím, ale tu hodnotu do ID potřebuju někde získat, udělal jsem to tak že jquery dostane z aktuálního URL hodnotu id, uložim ji do proměnné a vypíšu do data

15. 9. 2012 10:45:39

https://webtrh.cz/diskuse/obnoveni-divu-pomoci-js-bez-reloadu-stranky#reply808242

Kamil Hurajt

(8 hodnocení)

15. 9. 2012 11:58:22

No ziskas ji ve skriptu na ktery ji posilas takze v mem prikladu zezhora by jsi ji prijmul ve skriptu spracuj.php pomoci $_POST , pokud pouzijes type: 'GET' tak pomoci $_GET

15. 9. 2012 11:58:22

https://webtrh.cz/diskuse/obnoveni-divu-pomoci-js-bez-reloadu-stranky#reply808241

Pro odpověď se přihlašte.

Přihlásit