Activa las notificaciones push PhoneGap Spain

Foro

Home Forums PhoneGap leer registro mysql y mostrar en modo de lista en la ap

This topic contains 14 replies, has 6 voices, and was last updated by  fernanditoxx 3 semanas, 2 dias .

Viendo 15 respuestas - de la 1 a 15 (de 15 en total)
  • leer registro mysql y mostrar en modo de lista en la ap

    Intervenciones
  • Buchon
    Buchon 
    Participant

    Buenas a todos, he estado toda la mañana indagando por el foro, sé que hay post que hablan del tema pero no logro aclararme.
    Mi duda es la siguiente, tengo una base de datos en mysql con una tabla pues bien

    Lo que quiero hacer es desde la app que se conecte a la base de datos y me de los registros de la tabla en modo de lista. (con opción de filtrarlos por categoría)

    Gracias de antemano y espero haberme explicado correctamente.


    http://www.social-val.com Twitter: @Albertopvd

    • This topic was modified 4 años, 9 meses by Buchon Buchon. Reason: Notify mail

    • This topic was modified 4 años, 9 meses by Buchon Buchon. Reason: Notify mail
    alejandro giraldo duque
    alejandro giraldo duque 
    Participant

    Hola buchon , quiero aprovechar para responderte y saludarlos a todos

     Code: arbitrary (select
    1.
    2.
    3.
    4.
    5.
    6.
    7.
    8.
    9.
    10.
    11.
    12.
    13.
    14.
    15.
    16.
    17.

    db.transaction(function(transaction) { //hacerle una transacion a tu base de datos ya teniendola
       transaction.executeSql('SELECT * FROM miTabla;', [],
         function(transaction, result) {
          if (result != null && result.rows != null) {
            for (var i = 0; i < result.rows.length; i++) {
              var row = result.rows.item(i);
          var valor1=row.campo1;//campo1 y campo2 es el nombre de tu columna
          var valor2=row.campo2;
              $('#miDiv').append('<br>' +nombre+ ' ' + apellido);
            }
          }else{return}
         },errorHandler);
    },errorHandler,nullHandler);


    return;
    }

    Con esto ya puedes recuperar de tu base de datos


    Buchon
    Buchon 
    Participant

    alejandro giraldo duque: db.transaction

    Hola Alejandro, antes que nada, gracias por responder. aunque sigo con dudas.
    La base de datos la tengo en un hoosting, no veo ahí ningún código para acceder a ella y abrirla. ¿es posible?
    Gracias de antemano.


    http://www.social-val.com Twitter: @Albertopvd


    alejandro giraldo duque
    alejandro giraldo duque 
    Participant

    Ah claro que se puede, acceder a una base de datos externa

    Mira en este tutorial

    http://www.phonegapspain.com/tutorial/phonegap-con-jquery-y-respuestas-json/

    con eso te guias


    Buchon
    Buchon 
    Participant

    llámame torpe!!, pero no me apaño, no veo ahí ningún código que conecte a la base de datos.. no tendrías un código ejemplo?

    Gracias de antemano y disculpa.


    http://www.social-val.com Twitter: @Albertopvd


    alejandro giraldo duque
    alejandro giraldo duque 
    Participant
     Code: arbitrary (select
    1.
    2.
    3.
    4.
    5.
    6.
    7.
    8.
    9.
    10.
    11.
    12.
    13.
    14.

    $.ajax({
    url:'http://urldetuservidor/reply.php',  //ACA ESTA EL "TRUCO" , LO QUE HACE ES LLAMAR UN ARCHIVO DEL SERVIDOR SE LLAMA reply.php Y ESTE PUEDE TRAER CONSULTAS  Y LO QUE TU QUIERAS DE LA BASE DATOS, OBVIO TE TOCA SABER UN POCO DE PHP  HAZ TODO EL TUTORIAL ESTOY SEGURO QUE TE SERVIRÁ
    type:'POST',
    data:term,
    dataType:'json',
    error:function(jqXHR,text_status,strError){
    alert(“no connection”);},
    timeout:60000,
    success:function(data){
    $("#result").html("");
    for(var i in data){
    $("#result").append("<li>"+data[i]+"</li>");
    }
    }

    ES DECIR EL QUE SE CONECTA ES REPLY.PHP Y EL TE DEVUELVE LOS DATOS A LA APLICACIÓN MÓVIL


    gorkaeff
    gorkaeff 
    Participant

    Hola Buchon!
    Lo que tienes que hacer es una petición ajax como te muestra Alejandro a un fichero php (por ejemplo) de tu hosting.

    En ese fichero, tras haberse conectado a tu base de datos, se encontrará la consulta que te devuelva los datos que tu quieras y esos datos los tendrás que convertir a JSON por ejemplo para poder tratar esos datos en la respuesta “success” de tu petición ajax.

    Luego dependiendo si es una lista, por ejemplo, podrias crear un <div id=”listadoDeArticulos”> en tu fichero html de phonegap.
    En ese success, lo que podrías es recorrer tus datos con un
    for (var i in data){
    $(“#listadoDeArticulos”).append(“Construir el mismo bloque html que se irá generando con los elementos”)
    }

    Ahora mismo no tengo tiempo para buscarte ejemplos, pero con “convertir php a json” y “peticiones ajax javascript” seguro que puede ser un buen comienzo.

    Saludos y espero no haberte liado mucho



    Buchon
    Buchon 
    Participant

    Hola a todos!!, sigo sin poder así que opto por poner el código a ver si alguien me puede echar una mano.

    Gracias!!

    Este código recoge los datos.. el tema es como mostrarlos en la aplicación: el código del html es el que no sé

    <?php
    $pass = “pass”;
    $host = “host”;
    $usuario= “user”;
    $conexion = mysql_connect($host,$usuario,$pass);
    mysql_select_db (“u273598451_ofer”, $conexion);
    $sql = “SELECT id, cat1, cat2, descripcion, foto, cupon FROM lanzarote”;

    $resulset = mysql_query($sql);

    $arr = array();
    while ($obj = mysql_fetch_object($resulset)) {
    $arr[] = array(‘id’ => $obj->id,
    ‘cat1′ => utf8_encode($obj->cat1),
    ‘cat2′ => utf8_encode($obj->cat1),
    ‘descripcion’ => utf8_encode($obj->descripcion),
    ‘foto’ => utf8_encode($foto->cat1),
    ‘cupon’ => utf8_encode($obj->cupon),
    );
    }
    echo ” . json_encode($arr) . ”;
    ?>


    http://www.social-val.com Twitter: @Albertopvd


    Buchon
    Buchon 
    Participant

    ahora logro conectar y me da el siguiente error…
    Parse error: syntax error, unexpected T_VARIABLE

    el código que uso es el siguiente.

     Code: arbitrary (select
    1.
    2.
    3.
    4.
    5.
    6.
    7.
    8.
    9.
    10.
    11.
    12.
    13.
    14.
    15.
    16.
    17.

    $.ajax({
            type: "POST",
            url:"http://www.social-val.com/app/ofer/lanzarote/getData.php",
            async: true,
        success: function(data){
        $("#result").html("");
        for (var i in data) {
        
        $("#result").append(data[i]);
        }
        
        },
            error: function (obj, error, objError){
                alert('error');
            }

    });


    http://www.social-val.com Twitter: @Albertopvd


    Buchon
    Buchon 
    Participant

    Gracias a todos por la ayuda.!! ya he podido solucionarlo!!

    Un saludo.


    http://www.social-val.com Twitter: @Albertopvd


    alejandro giraldo duque
    alejandro giraldo duque 
    Participant

    Excelente buchon un abrazo


    nionio
    nionio 
    Participant

    Como lo solucionaste?

    Un saludo


    Mau Sinixterra 
    Participant

    Hola buchon, sera que podrías decirnos como lo solucionaste.

    Gracias


    Buchon
    Buchon 
    Participant

    Buenas Mau, claro que sí!, te pongo el código

     Code: llamada ajax base de datos (select
    1.
    2.
    3.
    4.
    5.
    6.
    7.
    8.
    9.
    10.
    11.
    12.

    $.ajax({
        
        url:"aquí la url del php",
        async: false,
        success: function(data){
        dataJson = eval(data);

        },
          error: function (obj, error, objError){
            alert('No se ha podido conectar a la base de datos.');
         }
      });

    Ya me cuentas, un saludo.


    http://www.social-val.com Twitter: @Albertopvd


    fernanditoxx 
    Participant

    Buenas tardes Amigos .

    Creen que sea posible enviarme algun ejemplo a mi correo.

    Soy nuevo en phonegap.

    nandito.utng@gmail.com

    Muchas gracias.


Viendo 15 respuestas - de la 1 a 15 (de 15 en total)

You must be logged in to reply to this topic.