Ergebnis der AJAX-Anfrage anzeigen

Question

Ich habe weit und breit, wie man das unten tun, aber ich bin kurz gekommen, und kämpfe um tatsächlich eine Ressource zu finden, die Ajax erklärt und wie es funktioniert.

Ich habe über eine Ajax-Anforderung an eine php Datei aus dem folgenden Code gesendet wird, und mit Hilfe der Netzwerk-Registerkarte in mozillas developer console, ich sehe, dass es den Antwortcode bekommt (die Info in HTML-Elementen echo'd geführt wird)

Obwohl ich die Antwort sehen kann, weiß ich nicht, wie man es anzeigt, indem ich den folgenden Code benutze (den ich kompiliert habe, nachdem ich viele ähnliche Fragen zum Stapelüberlauf durchgesehen habe). Könnte bitte jemand einen Blick darauf werfen und sehen, warum das nicht angezeigt wird?

<div id='picoutput'></div> 
<script> 


     $.ajax({ 
     url: 'resources/listposts.php', 
     type: 'post', 
     dataType: \"json\", 
     data: { 
      uname: $('$uname').val(), 
     }, 

      success:function(data) { 
      if(data) { // DO SOMETHING  
       $('#picoutput').html(data).value; 
      } else { // DO SOMETHING } 
      } 
     } 
     }); 


</script> 

Die Antwort ist

<div id='post'><div id='postleft' style='float:left;clear:left;width: 15%;'> 
    <div id='profilepic2'> 
     <img src='../uploads/default1562925803.jpg' id='profilepic'> 
    </div> 
    <h4 style='margin-left:10px;margin-top:10px;;color:grey'>Dowayne Breedt<br>Support<br>2016-05-24</h><br> 
</div> 
<div id='postright'style='width: 82%;float:right; padding:  10px;background-color:white;height:inherit'> 
    <h2>...</h2> 
    <p>only refresh if extend is off<br /> 
    </p> 
    </div> 
    </div>" 

Answer 1

danke Ihnen allen für die Unterstützung aus, gewesen sein eine kühle erste Erfahrung, und ich, bin froh, Menschen gibt, die bereit sind, ein Anfänger zu unterstützen.

Ich war albern mit diesem, es stellte sich heraus, alles was getan werden musste, war den Datentyp von JSON zu HTML zu ändern, sobald das getan wurde, es perfekt geladen.

Nochmals vielen Dank für Ihre Hilfe.

Answer 2

Ajax Erfolg Reaktion innerhalb der Klammern Sie den Erfolg Antwort von der Seite bekommen und dass der Erfolg Reaktion auf verwenden Sie so etwas wie unten

zur Einstellung tun können Wert der Erfolgsantwort bei einigen Eingabetypen

success:function(data) { 
      if(data) { // DO SOMETHING  
       $('#picoutput').val(data);// input's id('#picoutput') + val() is using here for setting the value in some input type 
      } else { // DO SOMETHING } 
      } 
     } 

für sh einige Ergebnis innerhalb html div oder etwas wegen wie, dass man so etwas tun unter

success:function(data) { 
      if(data) { // DO SOMETHING  
       $('#picoutput').html(data); //html div's id('#picoutput')+html() no need for value or val() 
      } else { // DO SOMETHING } 
      } 
     } 

hoffen, dass es Ihnen und anderen auch .. helfen diese

Answer 3

und sehen, was ‚Daten‘ Objekt enthält. Überprüfen Sie es, indem Sie Firebug usw. verwenden und verwenden Sie es dann.

success:function(data) { 
     console.log(data); 
     $('#picoutput').val(data.id); 

    }