标签: angular-http

我正在尝试对服务器进行HTTP POST.

我必须发送的数据是一个json对象.

问题是$ http.post在角度覆盖带有选项的方法.

我可以做这个配置

.config(['$httpProvider', function ($httpProvider) {
  //Reset headers to avoid OPTIONS request (aka preflight)
  $httpProvider.defaults.headers.common = {};
  $httpProvider.defaults.headers.post = {};
  $httpProvider.defaults.headers.put = {};
  $httpProvider.defaults.headers.patch = {};
}])

并从选项更改为POST,但我无法将内容类型设置为"application/json",并且我收到"415不支持的媒体类型"

谢谢

我有一个AngularJS应用程序,需要一个ajax加载器来处理$ http所做的每个请求 - 有一个简单的方法来做到这一点.

我现在的解决方案是每次调用$ http时设置$ rootScope.loading = 1,并在成功设置$ rootScope.loading = 0 ..

这是什么"最佳实践"？

我的代码现在看起来像:

$rootScope.loading = 1;
$http({method : "POST", url:url, data: utils.params(data), headers: {'Content-Type': 'application/x-www-form-urlencoded'}}).success(function() {
    $rootScope.loading = 0;
});

我正在玩Ionic示例项目,并且正在寻找一种从json文件中提取数据的方法,而不仅仅是项目中的标准数组.

我已经成功修改了services.js以从JSON中获取数据,但我的模板没有获取数据.我假设这是因为它在JSON的http请求完成之前执行.

我需要做些什么来完成这项工作？

........
.factory('People', function($http) {
  // Might use a resource here that returns a JSON array
  var people = $http.get('../data/peopleData.json').success(function(response){
    console.log(response.people); //the data is correctly logged
    return response.people;
  });

  // var people = [{
  //   id: 0,
  //   name: 'Kassiopi'
  // }, {
  //   id: 1,
  //   name: 'Imerola Bay'
  // }];
  //original and works great
return {
    all: function() {
      return people;
    },

    get: function(personId) {
      for (var i = 0; i < people.length; i++) {
        if …

我正在尝试调用REST服务,该服务在其路径参数中具有特殊字符.其余网址看起来像,

rest\fetchDetails\[1,2,3]

我只是使用$ http来调用它,

$http.get('rest\fetchDetails\[1,2,3]');

它不起作用,当我使用firebug调试它时,我可以看到url被发送为

rest\fetchDetails\%5B1,2,3%5D

有没有办法在调用$ http调用时发送'['和']'？

我正在实现一个Angular 2应用程序,它将进行一些API调用.我想知道是否还有一个通用的错误处理程序.例如,如果API以401代码响应,我想将用户重定向到登录路由.这是真的吗？

谢谢

我有同样的挑战是在SO后的面孔在这里,我的订阅方法越来越不确定我component.ts,即使在我的服务,我有数据.请参阅p.component.ts下面的代码

 private getPayItems():void{
    console.log('In getPayItems');
    this._payItemService.getPayItems()
    .subscribe(data => { 
        this.payItemArray = data;
        console.log(data);
    },
    (error:any) =>{
         this.alerts.push({ msg: error, type: 'danger', closable: true }); 
    }) 
}

p.service.ts

getPayItems():Observable<Payitem[]>{

    let  actionUrl = this.url +  "/GetPayItem";

    return this._http.get(actionUrl, { headers: this.headers })
        .map((response: Response) => { 
            <Payitem[]>response.json() ;
             console.log(<Payitem[]>response.json()); //This logs the Object
        })
        .catch(this.handleError);
}

我正在尝试使用Angular2中的htttp.get读取JSON文件。

当我在项目上使用本地存储的文件时，它工作正常。

但是-当我使用具有完全相同文件的远程服务器时，出现以下错误：

private url = '../my.json';   <--- This works
private url = 'http://example.com/my.json';   <--- This throws the error


return this.http.get(this.url)
                    .map(this.extractData)
                    .catch(this.handleError);