GetJSON- zasílání textu – JavaScript, AJAX, jQuery – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama
Reklama

GetJSON- zasílání textu – JavaScript, AJAX, jQuery – Fórum – Programujte.comGetJSON- zasílání textu – JavaScript, AJAX, jQuery – Fórum – Programujte.com

 

Toto vlákno bylo označeno za vyřešené.
Hledá se programátor! Plat 1 800 € + bonusy (firma Boxmol.com)
omorok0
Newbie
3. 11. 2013   #1
-
0
-

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

Nahlásit jako SPAM
IP: 89.24.254.–
Reklama
Reklama
omorok0
Newbie
3. 11. 2013   #2
-
0
-

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...

Nahlásit jako SPAM
IP: 89.24.254.–
omorok0
Newbie
5. 11. 2013   #3
-
0
-

#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>
Nahlásit jako SPAM
IP: 195.5.186.–
Ericsko+3
Stálý člen
8. 11. 2013   #4
-
0
-

Netreba tam pridavat nic, akurat si tam mal chybny syntax:

.text(+ vystup.obsah + " text")

to prve + ti sposobovalo problem. spravne:

.text(vystup.obsah + " text")

Nahlásit jako SPAM
IP: 87.197.170.–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 16 hostů

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032016 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý