Drukowana wersja tematu

Napisany przez: lukasheek88 24.02.2017, 21:21:31

Witajcie,

potrzebuję pobrać dane z bazy danych. Wiem że należy wykorzystać do tego np:

[HTML] pobierz, plaintext 
$.post(
    "saveToDatabase.php",
    {
        name: "Johny",
        surname: "Bravo"
    },
    function(data){
        alert("Dane otrzymane: " + data);
    }
);
[HTML] pobierz, plaintext 

chciałbym przypisać pobrane dane do zmiennej np var $item i móc wykorzystać tą zmienną w innej funkcji js.

Nie działa:

[HTML] pobierz, plaintext 
$.post(
    "saveToDatabase.php",
    {
        name: "Johny",
        surname: "Bravo"
    },
    function(data){
        var $item = data;
        return $item;
    }
);
[HTML] pobierz, plaintext 

Ktoś podpowie ?

Napisany przez: Star 25.02.2017, 12:48:40

Twój kod tworzy połączenie AJAXowe z wykorzystaniem biblioteki jquery i przesyła do pliku saveToDatabase.php parametry name oraz surname.
Jeśli chcesz pobrać dane z bazy to musisz napisać kod, który połączy się z DB, wyciągnie to co chcesz i zwróci np w formacie json, co Ty potem odbierzesz przez JavaScript.

Nie ma też możliwości abyś te dane przypisal sobie do zmiennej od tak, tzn jest taka opcja, ale to jest niezalecane.

Napisany przez: lukasheek88 25.02.2017, 21:44:00

Może opiszę dokładnie co chcę zrobić.

Korzystam z isotope: http://isotope.metafizzy.co/v1/demos/adding-items.html

Chcę dołączyć nowe elementy z bazy danych. Na chwilę obecną mam coś takiego:

[HTML] pobierz, plaintext 
var $grid = $('.portfolioContainer').isotope({
		  itemSelector: '.port'
 
		});
 
		$('.append-button').on( 'click', function() {
 
		  var $items = getItemElement().add( getItemElement() ).add( getItemElement() );
 
		  $grid.append( $items )
			// add and lay out newly appended elements
			.isotope( 'appended', $items );
		});
 
 
		function getItemElement() {
		  var $item = $('<http://december.com/html/4/element/div.html class="id_3 id_1  port"><http://december.com/html/4/element/a.html href="#" data-toggle="modal" data-target=".projekt_2" ><http://december.com/html/4/element/img.html src="img/portfolio/1487435081/0.17665000_6.jpg" alt="image"></http://december.com/html/4/element/a.html><http://december.com/html/4/element/p.html>Firma 1</http://december.com/html/4/element/p.html><http://december.com/html/4/element/div.html class="portfolioFilter hash"><http://december.com/html/4/element/a.html href=".id_3" data-filter=".id_3">#Loga PSD</http://december.com/html/4/element/a.html><http://december.com/html/4/element/a.html href=".id_1" data-filter=".id_1">#Strony WWW</http://december.com/html/4/element/a.html></http://december.com/html/4/element/div.html></http://december.com/html/4/element/div.html><http://december.com/html/4/element/div.html class="id_2  port"><http://december.com/html/4/element/a.html href="#" data-toggle="modal" data-target=".projekt_3" ><http://december.com/html/4/element/img.html src="img/portfolio/1487435111/0.75740000_1.jpg" alt="image"></http://december.com/html/4/element/a.html><http://december.com/html/4/element/p.html>Firma 2</http://december.com/html/4/element/p.html><http://december.com/html/4/element/div.html class="portfolioFilter hash"><http://december.com/html/4/element/a.html href=".id_2" data-filter=".id_2">#Orazki</http://december.com/html/4/element/a.html></http://december.com/html/4/element/div.html></http://december.com/html/4/element/div.html><http://december.com/html/4/element/div.html class="id_3 id_5  port"><http://december.com/html/4/element/a.html href="#" data-toggle="modal" data-target=".projekt_4" ><http://december.com/html/4/element/img.html src="img/portfolio/1487701899/0.98490500_10.jpg" alt="image"></http://december.com/html/4/element/a.html><http://december.com/html/4/element/p.html>Firma 3</http://december.com/html/4/element/p.html><http://december.com/html/4/element/div.html class="portfolioFilter hash"><http://december.com/html/4/element/a.html href=".id_3" data-filter=".id_3">#Loga PSD</http://december.com/html/4/element/a.html><http://december.com/html/4/element/a.html href=".id_5" data-filter=".id_5">#Logo JPG</http://december.com/html/4/element/a.html></http://december.com/html/4/element/div.html></http://december.com/html/4/element/div.html>');
		  return $item;
		}
 
 
[HTML] pobierz, plaintext 

i to działa. Z tym że do zmiennej $item dodałem 'z palca' dane które chcę uzyskać z zapytania z bazy danych. Chciałbym to powyższe połączyć z poniższym, tak by dane 'data' były podpięte jakoś pod zmienną $item.

[HTML] pobierz, plaintext 
$.post( 'fetch_pages.php', 
{'page': track_page},
 function(data){
}
);
[HTML] pobierz, plaintext 

Poradziłem sobie:

[HTML] pobierz, plaintext 
var $grid = $('.portfolioContainer').isotope({
		  itemSelector: '.port'
 
		});
 
		var track_page = 1; 
 
		$('.append-button').on( 'click', function() {
 
		  $.post( 'fetch_pages.php', {'page': track_page}, function(data){
 
			var $items = $(data);
		  $grid.append( $items )
 
			.isotope( 'appended', $items );
			}); 
		});
[HTML] pobierz, plaintext