asked on

jquery ajax php variable

Hi,

I have the following code:

$('.editar').click(function(){
			
			
			$.ajax({
  type: "POST",
  url: "seccionesAjax.php",
  data: { var_value: $(this).prevAll().eq(1).html() },async:false
})
  .done(function( msg ) {
    alert( "Data Saved: " + msg );
  });
  
			
			$(this).parent().html("<td><form action='editar.php' method='post'><input type='text' name='subestacion' value='"+$(this).prevAll().eq(6).html()+"'><input type='text' name='alimentador' value='"+$(this).prevAll().eq(5).html()+"'><input type='text' name='fecha' value='"+$(this).prevAll().eq(4).html()+"'><input type='text' name='condicion' value='"+$(this).prevAll().eq(3).html()+"'><input type='text' name='hoja' value='"+$(this).prevAll().eq(2).html()+"'><select name='responsable' id='responsable'><option>SECCIONES</option><?php $seccionesQuery = "SELECT * FROM secciones"; //codigo para traer las secciones y mostrarlas al momento de añadir un nuevo interruptor	
$respuestasecciones = $conexion->query($seccionesQuery);
while ($seccionesLoop = $respuestasecciones->fetch_array()){?>
<option value='<?php echo $seccionesLoop[0];?>'<?php if($seccionesLoop[0] == $_SESSION['valor']){echo ' selected';}?>><?php echo $seccionesLoop[0] ?></option><?php } ?></select><input name='contestacion' type='text' value='"+$(this).prevAll().eq(0).html()+"'><input type='hidden' name='hojaOriginal' value='"+$(this).prevAll().eq(2).html()+"'><input type='submit' value='guardar'></form></td><td><?php echo $_SESSION['valor']; ?></td>")
		
			
		
		})

Open in new window

php side:

<?php

session_start();

$valor=$_POST['Id'];
$_SESSION['valor'] = $valor;

 echo json_encode($valor);

?>

Open in new window

my problem is that the $_SESSION['valor'] don't updated before the $(this).parent().html...... execute, and the selected criteria don't execute properly, what i can do?

Member_2_248744

Greetings joyacv2, , I looked at both your javascript and the PHP server code, There is a LARGE amount of misunderstanding about how and why AJAX works in your code - To send info (data) to a php page by AJAX you need to place that in the Jquery data: property, in this you have -
data: { var_value: $(this).prevAll().eq(1).html() }
this will send a server side $_POST up as $_POST['var_value']; NOT AS $_POST['Id'];

I am not sure what your -
$(this).prevAll().eq(1).html()
is about, I will assume you have tested this to see if the does output the TEXT you want to send up by AJAX?
And It is Highly recommended to NEVER use Never use the jquery -
async:false
why use that ?

I can do some example code for you, but you may need to understand more about how AJAX works before you try and use it?

Next, On the server side PHP, you will always get Nothing (undefined) with this $_POST['Id']; as you do not send up any Id.
AND you have this -
echo json_encode($valor);
WHY would you use json_encode on a NON ARRAY, it only works on arrays or objects.

joyacv2

ASKER

sorry, for that, i paste the wrong code, this is the correct:

<?php

session_start();

$valor=$_POST['var_value'];
$_SESSION['valor'] = $valor;

echo $valor;

?>

Open in new window

Member_2_248744

OK, I read the new code, and you now have the seemingly correct for post as -
$valor=$_POST['var_value'];

But, , As far as I know the $_POST['var_value']; may not have any string characters in it (empty variable) , or it has a string value? You do not say in your last comment if the -
$_SESSION['valor']
is still empty after the AJAX call, , and you do NOT say what in in this alert -
alert( "Data Saved: " + msg );
to maybe help to trouble shoot this could you add the following alert here -
$('.editar').click(function(){
alert("pre HTML= "+$(this).prevAll().eq(1).html() );
$.ajax({

in that alert you should see the HTML text of whatever element the prevAll() at pos 1 , has in it, if you do not see any added text, then the $(this).prevAll().eq(1).html() may not fit here?

joyacv2

ASKER

hi,

the only problem that occurs in my code, is that the $_SESSION variable don't updated on the ajax code, i have to click the class twice and in the second one then works, i need the $_SESSION variable to update before the $(this).parent()........ runs, any idea?

Member_2_248744

If I look at the code you have presented here, , then I wonder What you are trying to accomplish? as far as I can tell this seems like an exersize to learn AJAX, as the only data you return from server side AJAX is the value you already have on your page.
You say - "to update before the $(this).parent()........ runs", , So My question is if the -
$(this).prevAll().eq(1)
does not exist when the first click happens, then what are you doing this for?
Sorry, I am trying, but do not see what the elements of functioning for your page and AJAX sever return, have to do to get the results you need.

I will guess that you mean this line -
<td><?php echo $_SESSION['valor']; ?></td>
is empty, but I do not see what you may mean?
I need to take a break, will look here again later to day.

Member_2_248744

You have not gavein a comment, I can only suggest at this point is to test the $_POST['var_value'] to see if it has TEXT in it, maybe as -

<?php

session_start();

if (strlen($_POST['var_value']) > 0) {
    $_SESSION['valor'] = $_POST['var_value'];
    } else {$_SESSION['valor'] = "Default";}

echo $_SESSION['valor'];

?>

Open in new window

if your PHP uses $_SESSION['valor'] outside of the AJAX response as in -
<td><?php echo $_SESSION['valor']; ?></td>

then you can test to see if the $_SESSION['valor']; has been set -

<?php

session_start();
if ( !isset($_SESSION['valor'] ) ) $_SESSION['valor'] = "default";
?>

Open in new window

In javascript, you can also test to see if your $(this).prevAll().eq(1) exists, and or has any html string in it, if not then use a default string value instead, to send the Ajax.

joyacv2

ASKER

ok,

Let me explain what i want to do:

I want to send to ajax a jQuery variable the prevAll.... one, then this will saved in a $_SESSION variable. The alert in the ajax is only for verification that the success occurs. The session variable that is in the php code, i need to be used in the code of this.parent..... for the verification of what is the value for then apply the selected option.

In my code I have a line of code with info and i when i press the button editar, then all the fields convert to a text field with the actual value, and a dropdown in one of the fields, but i need that appears the selected option with the name that is the field before press the editar button. That is the php that you see inside the jQuery parent.... code. Please if you need more information, let me know, thank you very much!

ASKER CERTIFIED SOLUTION

Member_2_248744

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial