Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Problem z wyświetlenie danych JSON.
srob
post
Post #1





Grupa: Zarejestrowani
Postów: 24
Pomógł: 0
Dołączył: 19.07.2006

Ostrzeżenie: (0%)
-----

Witam,

Chce zrobić coś takiego:
mam jeden select w którym są kategorie i po wybraniu danej kategorii zostaje wypełniony drugi select podkategoriami pobranymi z mysql-a.
Próbowałem wiele skryptów i rozwiązań to nie działały, albo działały tylko w Firefox-ie a IE nie.
Już nie wiem co robię źle.
Widać że dane są wyciągane z DB, i co dalej (IMG:style_emoticons/default/sad.gif)

skrypt js:
[code]
CODE
<script type="text/javascript">
function clean_options( id ) {
while( $(id+ " option").length > 1 ) {
$(id + " option:last").remove();
}
}
function select_options( id, tab ) {
clean_options( id ) ;
$.each(tab, function() {
$(id).append("<option value='"+$(this).attr('id')+"'>"+$(this).attr('nazwa')+"</option>");
});
}
$(document).ready( function( ) {
$("#mytest").change( function() {

$.ajax( {
type: "POST",
url: "podkategorie.php",
data: "",
dataType: "json",
success: function(result) {
tab = result.tab ;
select_options( "#pod", tab ) ;
},
error: function() {
alert("error");
}
});
}) ;
});
</script>


skrypt php:
[PHP] pobierz, plaintext 
  1. //połączenie z DB
  2. while (($dane = mysqli_fetch_assoc($wynik)) !== NULL){
  3.                             $dane_json['tab'][] = array( 'id' => $dane['id'], 'nazwa' => $dane['nazwa'] );         
  4.                                                   }
  5.                                            header('Content-type:application/json;charset=utf-8');
  6.                                                   echo json_encode($dane_json);
  7.                                                  exit();
[PHP] pobierz, plaintext


a teraz dane z konsoli FIREBUG-a:

CODE
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" media="all" type="text/css" href="style/style.css" />
<script src="js/jquery.min.js" type="text/javascript">
</script>
<title></title>
<script type="text/javascript">

function clean_options( id ) {
while( $(id+ " option").length > 1 ) {
$(id + " option:last").remove();
}
}

function select_options( id, tab ) {
clean_options( id ) ;
$.each(tab, function() {
$(id).append("<option value='"+$(this).attr('id')+"'>"+$(this).attr('nazwa')+"</option>");
});
}

$(document).ready( function( ) {
$("#mytest").change( function() {

$.ajax( {
type: "POST",
url: "podkategorie.php",
data: "",
dataType: "json",
success: function(result) {
tab = result.tab ;
select_options( "#pod", tab ) ;
},
error: function() {
alert("error");
}
});
}) ;
});
</script>
</head>
{"tab":[{"id":"50001","nazwa":"Windykacja"},{"id":"50002","nazwa":"E-biznes"},{"id":"50003","nazwa":"Publikacje"},{"id":"50004","nazwa":"Porady"},{"id":"50005","nazwa":"Ubezpieczenia"},{"id":"50006","nazwa":"Kredyty"}]}
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
srob
post
Post #2





Grupa: Zarejestrowani
Postów: 24
Pomógł: 0
Dołączył: 19.07.2006

Ostrzeżenie: (0%)
-----

Ok!:-) Miałeś racje, już działa.
Dzięki za pomoc!
Go to the top of the page
+Quote Post

Posty w temacie
- srob   Problem z wyświetlenie danych JSON.   12.04.2012, 09:51:52
- - Sephirus   Z tego co Ci firebug wypluwa widać na pierwszy rzu...   12.04.2012, 10:17:00
- - srob   Ok!:-) Miałeś racje, już działa. Dzięki za po...   12.04.2012, 10:28:50

« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 7.10.2025 - 09:24
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn