[JavaScript]Jquery dynamiczne pobranie wartości z bazy, jw Opcje

[miras]

Witam, mam taki problem:

mam button <button data-id="tutaj są różne ID rekordów">Edycja</button>

Po kliknięciu tego button'a wyskakuje mi popup z polami input do edycji tego rekordu, natomiast muszę wstawić w te pola obecne wartości i moje pytanie brzmi jak za pomocą jquery(zapewne) pobrać bez przeładowyania strony te wartości..

[b4rt3kk]

Witam, mam taki problem:

mam button <button data-id="tutaj są różne ID rekordów">Edycja</button>

Po kliknięciu tego button'a wyskakuje mi popup z polami input do edycji tego rekordu, natomiast muszę wstawić w te pola obecne wartości i moje pytanie brzmi jak za pomocą jquery(zapewne) pobrać bez przeładowyania strony te wartości..

Za pomocą ajax-a. Wysyłasz GET/POST ajax-em do skryptu, który pobierze określony wiersz lub wiersze i zwróci do skryptu JS - najlepiej zwróć sobie obiekt JSON. Później pozostaje tylko wstawienie danych do odpowiednich pól.

[miras]

jak pobrac te wartości ajaxem - wiem, ale jak je przesłac do pliku js i dalej to już nie bardzo, mógłbym prosić o jakiś przykład?

[Forti]

Skoro wiesz jak przesłać ajax to za pewne wiesz, że ajax zwraca ci obiekt response - czyli nic innego jak odpowiedź ajaxa -,- adres (ajax) zwróci Tobie np. json z polami i wstawiasz je w inputy ;]

[miras]

Inaczej, mam plik np. dane.php, który po kliknięciu przycisku edytuj zwraca $dane['imie'] = "Jan"; $dane['nazwisko'] = "Kowalski"; itd. moje pytanie brzmi - jak wstawić dynamicznie w pola Input

[Forti]

Nie wiem?

Mówisz że klikasz coś i pojawia się okienko z formularzem. W momencie jak klikasz ten przycisk wysyłaj ajax pod plik jakiś_sobie_plik.php który zrobi zapytanie do bazy o odpowiednie "rzeczy" i zwróci ci json/array z pole1 => wartość1 itp. i to odpowiednie wstawiaj w input.

[PHP] pobierz, plaintext 
$.ajax({
    url: jakis_sobie_plik.php,
    type: "POST"
}).done(function(data) {
    $('input[name="nazwa_pola"]').val(data.pole1);
})
[PHP] pobierz, plaintext 

Dziękuje.

[miras]

ok, rozumiem, natomiast mam problem:

[PHP] pobierz, plaintext 
 
 <a href="#" class="big-link" data-reveal-id="popup2" data-animation="fade" data-id="'.$row1['id'].'"><div class="edycja" data-id="'.$row1['id'].'"><button>Edycja</button></div></a>
 
		<div id="popup2" class="reveal-modal">
			<h1>Edycja</h1>
				<div id="kom1"></div>
				<table align="center">
					<tr><td>Nazwa:</td><td><input type="text" id="nazwa" name="nazwa"></td></tr>
					<tr><td>Kategoria:</td><td><input type="text" id="kategoria"></td></tr>
					<tr><td>Początek:</td><td><input type="text" id="poczatek"></td></tr>
					<tr><td>Koniec:</td><td><input type="text" id="koniec"></td></tr>
				</table> <br/><br/>
				<div class="wyslij_popup" id="kategoria"></div>
			<a class="close-reveal-modal">×</a>
		</div>	
 
 
 
<script>
$(document).ready(function() {
 $('.edycja').on('click', function () {
	var id = $(this).data('id');
		$.ajax({
			type 		: 'POST',
			url 		: 'include/ajax/edit.php',
			data: 'id='+id,
			success 	: function(data) {
			$('input[name="nazwa"]').val(data.nazwa);
 
			}
		});
	});	
});
</script>	
 
 
[PHP] pobierz, plaintext 

i plik edit.php:

[PHP] pobierz, plaintext 
<?php
		$row = $timetable->get_edit_info($_POST['id']);
		$d = array('nazwa' => $row['name'], 'kategoria' => $row['category_id'], 'start' => $row['start'], 'end' => $row['end']);
		echo $d;
?>
 
[PHP] pobierz, plaintext 

[rad11]

Przydalo by sie abys jak to kolega pisal zwrocil to w formacie JSON`a i dodal dataType JSON w zapytaniu AJAXA. I jak wysylasz postem wartosci to wystarczy zrobic tak:

[PHP] pobierz, plaintext 
 
data: {
 
id: id
 
}
 
[PHP] pobierz, plaintext 

I pozniej w PHPie odbierasz jako $_POST['id'].

Ten post edytował rad11 24.03.2015, 20:28:25

[PatrykN]

[HTML] pobierz, plaintext 
<script type="text/javascript">
$(function(){
    $('.edycja').on('click', function () {
	var id = $(this).attr('data-id');
		$.ajax({
			type 		: 'POST',
			url 		: 'include/ajax/edit.php',
			data: {
                           id: id
                        },
			success 	: function(data) {
			     $('#nazwa').val(data.nazwa);
 
			}
		});
	});	
});
</script>
 
<a href="#" class="big-link" data-reveal-id="popup2" data-animation="fade" data-id="'.$row1['id'].'"><div class="edycja" data-id="'.$row1['id'].'"><button>Edycja</button></div></a>
<div id="popup2" class="reveal-modal">
	<h1>Edycja</h1>
	<div id="kom1"></div>
	<table align="center">
		<tr><td>Nazwa:</td><td><input type="text" id="nazwa" name="nazwa"></td></tr>
		<tr><td>Kategoria:</td><td><input type="text" id="kategoria"></td></tr>
		<tr><td>Początek:</td><td><input type="text" id="poczatek"></td></tr>
		<tr><td>Koniec:</td><td><input type="text" id="koniec"></td></tr>
	</table> <br/><br/>
	<div class="wyslij_popup" id="kategoria"></div>
	<a class="close-reveal-modal">×</a>
</div>	
[HTML] pobierz, plaintext 

[PHP] pobierz, plaintext 
function json_callback() {
   if(empty($_POST)) return null;
   $sql = "SELECT * FROM my_table WHERE id = {$_POST['id]}";
   return json_encode(mysql_fetch_assoc($sql));
}
[PHP] pobierz, plaintext 

Tak na szybko, jeśli w callbacku ajaxa będziesz miał tablicę zserializowaną do json'a, z poziomu js'a możesz obsługiwać ją obiekt (w tym przypadku data)

[HTML] pobierz, plaintext 
function(data) {
	 $('#nazwa').val(data.nazwa);
 
}
[HTML] pobierz, plaintext 

Nie rozumiem, dlaczego nie odwołasz się do obiektów za pomocą innego selektora. (IMG:style_emoticons/default/wink.gif)