invio variabile da javascript a php usando ajax

Michimichi · 8 Giu 2015

salve a tutti, ho un problema che mi sta tormentando da un po' di tempo...ho guardato su tantissimi forum ma non ne riesco a venirci a capo....vi faccio vedere il codice:

Codice:

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Gauge Test</title>
	<script src="gauge.min.js"></script>
	<style>body{padding:0;margin:0;background:#0}</style>
	<script type="text/javascript" src="jquery-1.11.3.min.js"></script>
    <script type="text/javascript"></script>
</head>
<body>

	<p><input type="button" onclick="showGauge()" value="Show Gauge"></p>
	<canvas id="gauge"></canvas>
	<div id="console"></div>
	
<script type="text/javascript">
		
function showGauge() {
	var kpiValue = 1;
    var cont = 1;
	var data = "";
	
	var gauge = new Gauge({
		renderTo    : 'gauge',
		width       : 400,
		height      : 400,
		glow        : true,
		units       : 'Km/h',
		title       : false,
		minValue    : 0,
		maxValue    : 220,
		majorTicks  : ['0','20','40','60','80','100','120','140','160','180','200','220'],
		minorTicks  : 2,
		strokeTicks : false,
		highlights  : [
			{ from : 0,   to : 50, color : 'rgba(0,   255, 0, .15)' },
			{ from : 50, to : 100, color : 'rgba(255, 255, 0, .15)' },
			{ from : 100, to : 150, color : 'rgba(255, 30,  0, .25)' },
			{ from : 150, to : 200, color : 'rgba(255, 0,  225, .25)' },
			{ from : 200, to : 220, color : 'rgba(0, 0,  255, .25)' }
		],
		colors      : {
			plate      : '#222',
			majorTicks : '#f5f5f5',
			minorTicks : '#ddd',
			title      : '#fff',
			units      : '#ccc',
			numbers    : '#eee',
			needle     : { start : 'rgba(240, 128, 128, 1)', end : 'rgba(255, 160, 122, .9)' }
		}
	});
	    
	gauge.onready = function() {
		var idx = 0;
		
	    setInterval( function() {
		
			$.ajax({
			    type:'POST',	
				url: 'prova2.php', 
                			
				data: {'idx' : idx},                  
				dataType: 'json',                  
				success: function(data){
					var	n= data.length;
					
					try{
					    if(idx<n){
							kpiValue = data[idx];
							idx = idx + 1;
						}
						else{
							idx= 0;
						}
					}
					
					catch(ex){
						kpiValue = 0;
						idx = 0;
					}
				} 
			});

			if (kpiValue > 220){
				kpiValue = 0;
			}
			
			gauge.setValue(kpiValue);
		}, 1000);
	}

	gauge.draw();
	
};
</script>

</body>
</html>

mentre il modulo php è il seguente:

Codice:

if (isset($_POST['idx'])) {
     $x = $_POST['idx'];
     echo $x;
   echo "ok";
   }else{
   echo 'no variable received';
   }

ovviamente tralascio tutta la parte del database che per ora non mi interessa... il mio problema è che continua a darmi 'no variable received', se invece provo a fare una cosa di questo tipo

Codice:

$src1= $_POST['idx'];  
  

echo $src1;

semplicemente mi dice "undefined index idx" ecc.
ho fatto f12 su google chrome per la pagina html e non mostra errori...ho richiamato bene la funzione ajax per passare quella variabile? spero che possiate aiutarmi, grazie mille.

marino51 · 8 Giu 2015

se dice che l'indice "idx" non è definito, forse la richiesta Ajax la gestisci con GET e non con POST
solo per verificare che almeno il dialogo funzioni, prova a usare come script php il seguente,

PHP:

<?php
$idx = "no variable received";
if(!empty($_GET)) { extract($_GET,  EXTR_OVERWRITE); }
if(!empty($_POST)) { extract($_POST, EXTR_OVERWRITE); }
echo $idx;
?>

se usando questi comandi funziona, fatti vivo che cerchiamo di mettere ordine ...
ciao
Marino

Michimichi · 8 Giu 2015

ok grazie mille per la risposta, domani mattina quando sono in azienda provo e vi faccio sapere! =)

Michimichi · 9 Giu 2015

eccomi, allora ho provato il tuo codice Marino, e mi dà ancora "no variable received"... è come se proprio non ci fosse la comunicazione tra le 2 pagine..non so proprio dove sbattere la testa :/

criric · 9 Giu 2015

Ciao, secondo me il problema è qui

Codice:

dataType: 'json',                  
				success: function(data){
					var	n= data.length;
					
					try{
					    if(idx<n){
							kpiValue = data[idx];
							idx = idx + 1;
						}
						else{
							idx= 0;
						}
					}
					
					catch(ex){
						kpiValue = 0;
						idx = 0;
					}
				}

stai dicendo a jquery che ti verrà restituito un json , invece mandi in echo delle stringhe, le condizioni sucessive non saranno mai vere.

Cerca

Cerca

invio variabile da javascript a php usando ajax

Michimichi

Nuovo Utente

marino51

Utente Attivo

Michimichi

Nuovo Utente

Michimichi

Nuovo Utente

criric

Super Moderatore

Discussioni simili