2016-06-11 12 views
0

Ich habe versucht, JSON für eine PhoneGap-Anwendung zu analysieren, die dynamisch von einer localStorage-Variable generiert wird. Der PHP macht seine Arbeit, aber das Javascript analysiert die Daten nicht und zeigt sie nicht an.Kann JSON für PhoneGap App nicht analysieren

Meine PHP:

header("Access-Control-Allow-Origin: *"); 
header('Content-Type: application/json; charset=utf-8'); 

include("conn.php"); 

// Get User ID 
$email = $_GET['email']; 
$useridinit="SELECT userid FROM users WHERE email='".$email."'"; 
$useridgrab=mysql_query($useridinit) or die(mysql_error()); 
$useridq = mysql_fetch_array($useridgrab); 
$userid = $useridq['userid']; 

$data = array(); 
$q = mysql_query("SELECT * 
FROM Msg_Trans 
LEFT JOIN Msg_Master ON Msg_Trans.msgid=Msg_Master.msgid 
LEFT JOIN users ON Msg_Master.fromid=users.userid 
WHERE Msg_Trans.toid='".$userid."' ORDER BY Msg_Trans.status DESC"); 

while ($row=mysql_fetch_object($q)){ 
    $data[]=$row; 
} 
echo json_encode($data); 

Mein JS:

var email = localStorage.getItem('email'); 
    var url = "http://anglertrack.pixeloft.com/mobile/conn/messages.php?callback=?&email="+email; 

    $.getJSON(url,function(result){ 

    $.each(result, function(i, field){ 
     var date=field.posted_date; 
     var from=field.fromid; 
     var subject=field.msgsub; 
     $("#messageList").append("<li><a class='messageLink' href='message.html?date="+date+"&from="+from+"&subject="+subject+"'><span class='message'>from:"+from+"</span><h2>"+ date + " </h2><p>"+ subject +"</p></a></li>"); 

    }); 



    }); 

Mein HTML:

<ul id="messageList"> 

     </ul> 
+1

Ich kann keinen Fehler im Code finden. Sind Sie sicher, dass Sie die JSON-Daten wie erwartet abrufen? Versuchen Sie, das 'result' zu protokollieren, um sicherzustellen, dass es sich um ein gefülltes Array von' field' Objekten handelt. Stellen Sie außerdem sicher, dass die Seite [geladen] ist (https://api.jquery.com/ready/). –

+0

Vielen Dank für Ihren Kommentar @Duncan Ich bin sicher, dass der JSON abgerufen wird, hier ist ein Link mit der intakten Variable, so dass Sie ein Beispiel für die JSON-URL vollständig sehen können: http://angletrack.pixeloft.com/mobile/ conn/messages.php?callback=?&[email protected] – pixeloft

Antwort

2

In der URL sind Sie den Rückruf Namen definieren (callback=?), die unnötig bei der Verwendung von jQuery. Versuchen Sie, den folgenden Code zu verwenden.

var url = "http://anglertrack.pixeloft.com/mobile/conn/[email protected]"; 
 

 
$.getJSON(url, function(result) { 
 
    $.each(result, function(i, field) { 
 
    var date = field.posted_date; 
 
    var from = field.fromid; 
 
    var subject = field.msgsub; 
 
    $("#messageList").append("<li><a class='messageLink' href='message.html?date=" + date + "&from=" + from + "&subject=" + subject + "'><span class='message'>from:" + from + "</span><h2>" + date + " </h2><p>" + subject + "</p></a></li>"); 
 
    }); 
 
});
<ul id="messageList"></ul> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

+0

Danke Duncan. Ich habe versucht, den Rückruf-Parameter zu entfernen, aber immer noch kein Glück – pixeloft

+0

@pixeloft Ich habe meine Antwort mit einem funktionierenden Beispiel aktualisiert –

+0

Sie sind ein Lebensretter! Vielen Dank! Das funktioniert perfekt! – pixeloft

Verwandte Themen