Cambiar texto con jquery de acuerdo a los resultados de una consulta en MYSQL

[pablokru]

Hola,

Hace poco empece con jquery, y me surjen varias dudas que espero puedan ayudarme.

Actualmente con el siguiente codigo, a traves de onclick, cambio con un click el width de un div, asi:

ini.php

Código HTML:

<div id="modificar"><p>ESTE ES EL TEXTO QUE QUIERO MODIFICAR</p></div>
<div id="<?php echo'posicion'.$i;?>" class="current-rating" style="width: <?= $row['nota']*10 ?>%;"></div>

<li onclick="ajax(<?php echo $i;?>,<?php echo $peli;?>,<?php echo '1.0';?>,<?php echo $usu_log; ?>,<?php echo $row['nota']+0.0; ?>,<?php echo $_pagi_actual; ?>,<?php echo '10'; ?> );"><a title="1 stars out of 10" class="one-star">1</a></li>

<script language="javascript" type="text/javascript">
 
function ajax(posicion,id_peli,calif,id_usu,notaprev,pag_actual,width){

$.ajax({
url:"calificar_peli.php?id_usuario="+id_usu+"&id_pelicula="+id_peli+"&calificacion="+calif+"&nota_prev="+notaprev+"&pag="+pag_actual+"&pos="+posicion,

type:"GET"}).done(function() { 
document.getElementById("posicion"+posicion).style.width = +width+'px';
});
}
</script> 

Lo que yo quiero es que al hacer click ademas de cambiarme el width, me traiga los valores de la siguiente consulta que se ejecuta en calificar_peli.php


calificar_peli.php

Código PHP:

  <?php 
$link = mysql_connect("localhost","root",""); 
mysql_select_db("phpbd",$link); 
 
$usuario = $_GET['id_usuario']; 
$calificacion = $_GET['calificacion']; 
$nota_prev = $_GET['nota_prev']; 
$pelicula = $_GET['id_pelicula']; 
$numero_pagina = $_GET['pag']; 
$posicion = $_GET['pos']; 
 
mysql_query("INSERT INTO phpbd.notas (id_usuario,id_pelicula,nota,porcentaje)               VALUES('$usuario','$pelicula','$calificacion','$calificacion'*10)"); 
 
$result = mysql_query("SELECT * FROM $tabla1"); 
 
$array = mysql_fetch_row($result); //EL RESULTADO DE ESTE ARRAY ES LOL QUE QUIERO MOSTRAR EN EL DIV CON ID="modificar".   

Desde ya muchas gracias por la ayuda que me puedan brindar!

[Naahuel]

1.- A ver si entendí. Querés hacer algo con el resultado de la consulta?

De ser así, el primer argumento que se pasa a la función callback de .done() contiene el resultado del pedido:

Código Javascript:

function ajax(posicion,id_peli,calif,id_usu,notaprev,pag_actual,width){
    $.ajax({
        url:"calificar_peli.php?id_usuario="+id_usu+"&id_pelicula="+id_peli+"&calificacion="+calif+"&nota_prev="+notaprev+"&pag="+pag_actual+"&pos="+posicion,
        type:"GET"
    }).done(function(resultado) { 
            //aca puedo usar la variable "resultado";
            alert(resultado);
            document.getElementById("posicion"+posicion).style.width = +width+'px';
        });
}
 

Vas a tener que modificar el archivo PHP calificar_peli.php para que muestre (haga un echo o imprima de alguna forma) el resultado de la consulta. Eso ya es otro asunto.

2.- Por qué hacés:

Código Javascript:

document.getElementById("posicion"+posicion).style.width = +width+'px';
 

si estás usando jQuery...? Podés hacer:

Código Javascript:

$('#posicion' + posicion).css('width',width);
 

Lo cual está más acorde al resto de tu script.

Tu script completo entonces sería (luego de modificar el PHP para que imprima los resultados):

Código Javascript:

function ajax(posicion,id_peli,calif,id_usu,notaprev,pag_actual,width){
    $.ajax({
        url:"calificar_peli.php?id_usuario="+id_usu+"&id_pelicula="+id_peli+"&calificacion="+calif+"&nota_prev="+notaprev+"&pag="+pag_actual+"&pos="+posicion,
        type:"GET"
    }).done(function(resultado) { 
            $('#posicion' + posicion).css('width',width);
            $('#modificar').html(resultado);
        });
}