Ver Mensaje Individual
  #6 (permalink)  
Antiguo 02/01/2016, 09:25
Zenok
 
Fecha de Ingreso: diciembre-2015
Ubicación: Valencia
Mensajes: 61
Antigüedad: 8 años, 4 meses
Puntos: 10
Respuesta: Se me presenta un problema con Jquery

Cita:
Iniciado por JethCrew Ver Mensaje
Estoy usando esto pero no se la forma de activar esto para realizar lo que quiero podrías guiarme un poco y decirme si estoy bien en como aplicaría el código? soy muy nuevo en este lenguaje por favor si me puedes proporcionar ayuda te lo agradecería.
Código Javascript:
Ver original
  1. <script>
  2. //Query
  3. var dato="image_id"
  4. var id1=$('#identificador').attr('image_id');
  5. var id2=$('#identificador2').attr('image_id');
  6. $.ajax({
  7. type: 'GET',
  8. url: 'index.php',
  9. data : {
  10. winner:id1,
  11. loser:id2
  12. }
  13. }).done(function(respuesta) {
  14. $('#dual').html(respuesta);
  15. });
  16. }
  17. </script>
El código está bien, ¿Tal y como tienes ahora te funciona para guardar el ganador/perdedor en la DB?

Si es así, yo lo que haría es; después de hacer la petición GET sobre el archivo php que inserta el ganador/perdedor, obtendría las dos siguientes imágenes e imprimiría una respuesta json con un array. Por ejemplo:

Código PHP:
Ver original
  1.     array('url' => 'URL_IMAGEN', 'id' => 'ID_IMAGEN'),
  2.     array('url' => 'URL_IMAGEN2', 'id' => 'ID_IMAGEN2')
  3. );

Y luego con el mismo script que tienes para procesar el ganador, en la respuesta la convertiría en tipo json:

Código Javascript:
Ver original
  1. var dato="image_id"
  2. var id1=$('#identificador').attr('image_id');
  3. var id2=$('#identificador2').attr('image_id');
  4. $.ajax({
  5. type: 'GET',
  6. url: 'index.php',
  7. data : {
  8. winner:id1,
  9. loser:id2
  10. },
  11. dataType: 'json'
  12. }).done(function(respuesta) {
  13. console.log(respuesta);
  14. //CAMBIAR LA URL Y SU image_id DE LA IMAGEN 1 POR ESTOS
  15. //respuesta[0].url
  16. //respuesta[0].id
  17. //CAMBIAR LA URL Y SU image_id DE LA IMAGEN 2 POR ESTOS
  18. //respuesta[1].url
  19. //respuesta[1].id
  20.  
  21. });
  22. }