Javascript html中的Json对象显示_Javascript_Jquery_Html_Json_Ionic Framework

Javascript html中的Json对象显示

javascript jquery html json ionic-framework

Javascript html中的Json对象显示,javascript,jquery,html,json,ionic-framework,Javascript,Jquery,Html,Json,Ionic Framework,嘿，伙计们，我对这个json语法是新手，我有一个问题。我使用json从远程服务器获取数据的函数如下： <!DOCTYPE html> <html> <head> <script type="text/javascript" src="jquery-3.1.0.min.js"></script> <script type="text/javascript"> function getStates(valu

嘿，伙计们，我对这个json语法是新手，我有一个问题。我使用json从远程服务器获取数据的函数如下：

<!DOCTYPE html>
<html>
<head>

  <script type="text/javascript" src="jquery-3.1.0.min.js"></script>
  <script type="text/javascript">

    function getStates(value) {

            var data = {
                q: value
            } 

            $.ajax({
                url: 'https://something.hr/api/search',
                method: 'GET',
                headers: {'Accept': 'application/json'},
                data: data
            }).done(function(data) {
                //do something with data I returned to you
                console.log("success")
                console.log(data)


            }).fail(function(data) {
                //doSomethingWith the data I returned to you
                console.log("fail")
                console.log(data)
            });
        };



  </script>
</head>
<body>
    <input type="text" onkeyup="getStates(this.value)" >
    <br>

 <script>
</script>

</body>
</html>


函数getStates（值）{
风险值数据={
q：价值
} 
$.ajax({
网址：'https://something.hr/api/search',
方法：“GET”，
标题：{'Accept'：'application/json'}，
数据：数据
}).完成（功能（数据）{
//对我返回给你的数据做点什么
console.log（“成功”）
console.log（数据）
}).失败（功能（数据）{
//我还给你的数据有问题吗
控制台日志（“失败”）
console.log（数据）
});
};

我的问题是，我知道如何在控制台日志中获取对象，但我希望在html中获取该对象，就像在某个框中一样，然后单击该对象并打开其数据（姓名、id、地址等）。

var httpManager=（函数（）{
var getData=函数（值）{
$.ajax({
网址：'https://api.github.com/users/zixxtrth',
方法：“获取”
}).完成（功能（数据）{
//对我返回给你的数据做点什么
jQuery（'#avatar'）.attr（'src'，data.avatar_url）；
jQuery（'#name'）.html（data.name）；
jQuery（'#username'）.html（data.login）；
}).失败（功能（数据）{
//我还给你的数据有问题吗
警报（“无数据”）；
});
};
返回{
getData:getData（）
}
})();
JSON.stringify（data，null，4）将以一个漂亮的字符串（偏移量为4）将JSON返回到。然后您可以将其插入您选择的元素中。您能提供JSON的示例吗？这是我在控制台日志中的结果，首先我得到对象，当我打开它时，我在操作中得到它。所以现在我希望iformatios能够以一种很好的方式进行排序。stringify（data，null，4）是个好主意。我用过。现在我遇到了不同的问题。名单并没有消失。