Dobrý den,
Mám jeden problém. Používám ajax pro zasílání dat ze servru na stránky.
Maximálně jsem tento problém zjednodušil:
www stránky: index.php
Omlouvám se, za nedopatření pří psaní dotazu. tak znovu...
www stránky: index.php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>getJson</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.1.min.js"></script>
<script language="javascript" type="text/javascript">
$(function(){
jQuery(document).ready(function($) {
$("button").click(function(){
$.getJSON("get.php", function(vystup){
$('#obsah-container')
.text(+ vystup.obsah + " text");
$('div.pocet-container')
.html(+ vystup.pocet + " čísla");
});
});
});
});
</script>
</head>
<body>
Výstup z get.php:
<div id="obsah-container">
</div>
<div class="pocet-container">
</div>
<button>Get JSON data</button>
</body>
</html>
php soubor get.php
$jdata = array();
$jdata['obsah'] = 'l';
$jdata['pocet'] = "k";
$return = json_encode($jdata);
echo $return;
A můj problém je, když vložím v get.php za proměnné "obsah", nebo "pocet" text, tak se zobrazí "NaN", pokud vložím číslice, tak se tyto číslice zobrazí správně. Může mě někdo poradit, kde mám chybu?
Rozdíl v index.php class a id je jen pro zkoušku...
#2 omorok
tak jsem po velkých útrapách na to přišel, snad to někomu pomůže.
Je potřeba přidat značku <p>
funkční html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>getJson</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.1.min.js"></script>
<script language="javascript" type="text/javascript">
$(function(){
jQuery(document).ready(function($) {
$("button").click(function(){
$.getJSON("get.php", function(vystup){
$('#obsah-container')
.html("<p>"+ vystup.obsah + " text </p>");
$('#pocet-container')
.html("<p>"+ vystup.pocet + " čísla </p>");
});
});
});
});
</script>
</head>
<body>
Výstup z get.php:
<div id="obsah-container">
</div>
<div id="pocet-container">
</div>
<button>Get JSON data</button>
</body>
</html>
Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku