Отображение результатов запроса AJAX

Question

Я посмотрел далеко и широко, как это сделать ниже, но я пришел в себя, и я изо всех сил пытаюсь найти ресурс, который объясняет ajax и как он работает.

Я послал через AJAX запроса в php файл из кода ниже, и с помощью вкладки сети в mozillas developer console, я вижу, что он действительно получает код ответа (который echo'd из информации внутри HTML-элементов)

Хотя я вижу ответ, я не знаю, как его отобразить, используя приведенный ниже код (который я скомпилировал после просмотра многих похожих вопросов о переполнении стека). Пожалуйста, кто-нибудь может посмотреть, почему это не отображается?

<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> 

Отклик

<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

спасибо всем за помощь, его был прохладный первый опыт и я, рада, что есть люди, которые готовы помочь начинающему.

Я был глуп с этим, оказалось, что все, что нужно было сделать, состояло в том, чтобы изменить тип данных с JSON на html, как только это было сделано, он загрузился отлично.

Еще раз спасибо за помощь.

Answer 2

В АЯКС ответ успеха внутри круглых скобок вы получите ответ успеха со страницы и использовать этот ответ успеха вы можете сделать что-то вроде ниже

для установки значение ответа успеха в некоторых типах ввода

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 } 
      } 
     } 

для sh из-за какого-то результата внутри HTML DIV или что-то подобное, что вы можете сделать что-то вроде ниже

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 } 
      } 
     } 

надеюсь, что это поможет вам и другим тоже ..

Answer 3

Надень это и посмотреть, что объект «данные» в том числе. Проверьте его, используя firebug и т. Д., Затем используйте его.

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

    }