AngularJs的$http使用随笔

时间:2022-05-24 09:22:19

AngularJs的$http服务是Angularjs自带的核心服务之一,用来与HTTP远程服务器交互。

关于$http使用,我体会的一下几点注意:

1.在使用是报“Uncaught ReferenceError: $http is not defined”这个错

是因为没有在方法中引入$http -> function($http){}

 function($http){
  $http({
    method:'GET',
    url:'a.json'
  }).success(function(data){
    $scope.model = data[0];
  })
}

2.怎么读取json文件内容

 [
{
"name":"xiaoli",
"age":"18",
"sex":"boy"
},
{
"name":"xiaohong",
"age":"19",
"sex":"girl"
}
]

那么访问代码如下:

 function($http){
  $http({
    //发送GET请求
    method:'GET',
    //访问a.json文件
    url:'a.json'
  }).success(function(data){
    //访问成功,返回data数据
    //将data数据的第一条赋值给$scope.model
    $scope.model = data[0];
  })
}

在上面代码中,我的json文件是一个数组,所以访问完了返回回来的data数据也是一个json数组,输出对应数组即可。特定的字段为:data[0].name;