Question

我已经看了很多，如何做到这一点，但我做得很短，我很难找到解释 ajax 及其工作原理的资源。

我已经通过以下代码向php文件发送了ajax请求，并使用mozillas developer console中的网络标签，我看到它确实获得了响应代码（这是回声输出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

把它看看＆＃39;数据＆＃39;对象包括。使用firebug等检查它然后使用它。

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

    }

Answer 2

在括号内的ajax成功响应中，您可以从页面获得成功响应并使用该成功响应，您可以执行以下操作

用于在某些输入类型中设置成功响应的值

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

用于在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

谢谢大家的帮助，这是一次很酷的第一次体验，我很高兴有人愿意帮助初学者。

我对此很愚蠢，事实证明，所有需要做的就是将数据类型从JSON更改为html，一旦完成，它就会完全加载。

再次感谢您尝试提供帮助。

显示AJAX请求的结果

3 个答案: