如何使用ajax从api获取json中的特定数据。 json对我来说很奇怪

时间:2017-10-20 08:35:29

标签: javascript json ajax api jsonp

以下代码是therasus同义词的代码。 查询搜索字是" 退款" 我有以下代码

    <html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>


<div id="data"></div>

<script>
var urls = "http://words.bighugelabs.com/api/2/648c23bcbb99d535a06e098b426a5b76/refund/php";

$(document).ready(function() {
    $.get(urls,function(data) {
        $("#data").html(data);
    });
});
</script>       
</body>     
</html>

我得到的回应是:

a:2:{s:4:"noun";a:1:{s:3:"syn";a:4:{i:0;s:9:"repayment";i:1;s:8:"defrayal";i:2;s:10:"defrayment";i:3;s:7:"payment";}}s:4:"verb";a:1:{s:3:"syn";a:4:{i:0;s:6:"return";i:1;s:5:"repay";i:2;s:9:"give back";i:3;s:3:"pay";}}}

现在,我甚至不理解这一点。我希望能够只在响应的某些部分加入div ...想要的单词就是那部分&#34; Syn&#34; : -

repayment
defrayal
defrayment
payment
return
repay
give back
pay

注意:搜索字词(即退款)可能会根据用户查询而改变

3 个答案:

答案 0 :(得分:1)

答案 1 :(得分:0)

在此处查看文档:{​​{3}}

您的网址以/php结尾,根据此文档返回序列化的PHP数组。您想拨打http://words.bighugelabs.com/api/2/648c23bcbb99d535a06e098b426a5b76/refund/json,最后请注意/json

您也在这里分享您的API密钥,最好将其编辑出来。如果您要我删除它,我会编辑我的答案。

答案 2 :(得分:0)

全部谢谢。

在@Walk的正确答案后,我最终使用

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>


<p>
<button>Click</button>
<div id="data"></div>

<script>
var urls = "http://words.bighugelabs.com/api/2/648c23bcbb99d535a06e098b426a5b76/refund/json";

$("button").click(function(){
    $.getJSON(urls, function(result){
        $("#data").html("");
        $.each(result, function(key1, value1){
            $.each(value1, function(key, value){
                $("#data").append(String(value).replace(/,/g,"<br>") + "<br>");
            });
        });   
    });
});
</script>       
</body>     
</html>