dati database da php a javascript

[caliWeb]

salve!
stavo studiando una app creata con cordova, html5 javascript e CSS.
purtroppo sono ad un punto morto.. riesco ad inserire i file nel database ma ho problemi nel riprenderli.. mi spiego
ho creato un file php

 $.ajax({     type: "POST",
     url:"http://localhost:8080/file.php", 
     data: dataString, 
     cache: false, 
     beforeSend: function(){ $("#miodiv").append('Connecting...');}, 
     success: function(data){ 
     if(data=="ok")
     {
     alert("inserted");
     
     }
     else if(data=="error")
     {
     alert("error");
     }
     }
     });
     return false;

e qui funziona.. ora, per riprendere i file dal database ho utilizzato questa pagina php

function getAllGroups() {
    $mysqli = new mysqli($servername, $username, $password, $dbname);
    $query = $mysqli->query("SELECT * FROM campo");    $result = array();    while($row = $query->fetch_object()) {        $result[] = $row;    }
    echo json_encode(array_values($result));//'results' =>     $mysqli->close(); }      getAllGroups(); 

fatto questo ho il file json giusto ?
per riprenderlo ed utilizzarlo nel mio javascript come posso fare?
ovvero.. utilizzandolo per prendere molti dati, come una lista di brani, come posso riportarlo ad array utilizzabile in javascript ? ho visitato una marea di post ma non ci ho capito praticamente nulla.
anche un tutorial o magari una guida da studiare, non cerco un pezzo di codice secco da riutilizzare, mi serve per portare avanti il progetto

[m4rko80]

Ciao, se tutto corretto nel tuo success "data" hai già l'object tale quale php.
Se provi a fare un console.log(data) vedrai l'equivalente.

array_values() pero' ritorna solo i valori senza le chiavi originali ma con chiavi numeriche.

Per prendere poi i dati basterà farlo con : data.chiave

[caliWeb]

scusami, ho composto il messaggio male.. prima di tutto grazie per la risposta, ho risolto quella parte .
ricontrollando l'inserimento del database invece succede una cosa strana
la funzione ajax chiamata mi salta la parte success con errore e finisce nella complete, andando sulla pagina php però non ho trovato errori e nel database i dati ci sono..

type: "POST", // invio i dati come post per sicurezzaurl:"http://localhost:8080/tuttoQua.php", 
data: dataString, 
cache: false, 
beforeSend: function(){console.log("dati andati") }, 
success:function(data) { 
console.log(data);
},complete: function() {
toastr.info('registrazione completata')
},
error: function (textStatus, errorThrown) {
callbackfn("errore nell'inserimento dei dati");
}

sulla pagina php invece

$conn = mysqli_connect("localhost:3306","root","","prova") or die("Error " . mysqli_error($connection);                                        $sql = "INSERT INTO anagrafica(nome, cognome, dataDiNascita, user, pass, mail) VALUES ('$nom','$cognom','$datozza','$us','$passwo','$mei');";$result = mysqli_query($conn, $sql) or die("Error in Selecting " . mysqli_error($connection));
if ($conn->query($sql) === TRUE) {echo "New record created successfully"; $response_array['stat'] = 'corretto';  } else {echo "Error: " . $sql . "<br>" . $conn->error;$response_array['stat'] = 'error';  } echo json_encode($response_array);                $conn->close(); 

controllando sulla pagina nel browser vedo che l'inserimento va a buon fine e nel database i dati risultano

[m4rko80]

La "complete" viene sempre eseguita, sia se success o error.
Devi vedere se il console.log(data) in success logga o meno. Dalla console puoi vedere il log e nel pannelle Network(sempre del debugger di chrome puoi vedere le chiamate XHR) con i vari parametri inviati e ritornati.
Se la url è corretta qualocosa per forza di cose dovresti vedere.

Non so che versione di jQuery usi , ad ogni modo così come composto è una versione un po' datata, la versione più attuale sarebbe questa che vedi sulla documentazione

var jqxhr = $.ajax( "example.php" )

  .done(function() {

    alert( "success" );

  })

  .fail(function() {

    alert( "error" );

  })

  .always(function() {

    alert( "complete" );

  });

 

// Perform other work here ...

 

// Set another completion function for the request above

jqxhr.always(function() {

  alert( "second complete" );

});