javascript - MusicBrainz 应用程序的 JSON 对象的动态 GET | AngularJS

Question

我想在我的小应用程序中添加一个搜索表单。但它必须将表单的结果发送到请求的链接。

我通过以下请求从 musicbrainz JSON 数据库中获取艺术家姓名:http://search.musicbrainz.org/ws/2/artist/?query= “艺术家的名字”%20e*&fmt=json

其中“艺术家姓名”是我想用表格发布的名字。我对 Angular 有点陌生，如果这个问题有点愚蠢，我很抱歉，因为我在整个互联网上搜索，但我不能很好地理解。

这是表格:

<form ng-submit="search()" name="nomartiste">
  <label>Rechercher:
    <input type="text" ng-model="nom"/>
    <input type="submit" value="Rechercher"></input>
  </label>
</form>

这是JS:

function Artiste($scope)
{    
    $scope.nom = 'Muse';
    $scope.search = function()
    {
        var url = "http://search.musicbrainz.org/ws/2/artist/?query=" + $scope.nom + "%20e*&fmt=json";

        $http.get(url)
            .then(function(response)
        {
            $scope.listenoms = response.data;
            console.log($scope.listenoms);
        })
    }
}

它应该以表单中的 $scope.nom 作为参数显示请求的结果

我倾向于补充一点，日志控制台中没有显示任何内容，甚至是 Json 树 :(

Answer 1

如果我理解正确，您希望显示运行查询的结果。因此，您发出了一个 http.get，它返回一个名为 response 的 JSON 对象。但是您随后尝试访问不存在的数据。

从“response.data”中删除“data”