使用 Http 设置 Header 以获取 Json 文件答案

【问题标题】：Setting up the Header Using Http to get the Json file使用 Http 设置 Header 以获取 Json 文件
【发布时间】：2015-10-20 07:47:48
【问题描述】：

我确实有一个使用 JSON 和 angular 的工作表，我设置了我的 $http 标头以在特定的 .api 中获取 Json，我运行它但在 $Http.get 中获取我的 Json 文件时没有出现任何内容，我想问一下这是否是一个有效的标题，我的意思是我的分隔符有问题吗？

  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.0/angular.min.js"></script>
<script type="text/javascript">
    var myTable=angular.module('myTable',[]);
    myTable.controller('tableCtrl',function($scope,$http){
        $http.get ("http://staging.api.sample.com/events.json", {header: {Authorization: 'vsdnmsndjednmsdnjemsdjendmsdnjeNmJHMN'}}); .success(function(response) {
        debugger
        $scope.members=response.events;
         $scope.totals = response.paging;
    });

    });

【问题讨论】：

您是否检查了浏览器开发工具网络中的实际请求？ question和Filtering Table的主题有什么关系？
不确定您是否有复制/粘贴和/或格式问题...我假设 $http.get 行周围的 ** 旨在突出显示（粗体）该行和实际上不在代码中......同样，你有废话； .success ...如果您的代码实际上是这样编写的，那就是一个问题，并且可能是您问题的很大一部分...删除分号，所以它是 $http.get(blah).success(function(response){//代码});
@foon ** 它是加粗的，它不是代码的一部分，是的，我运行就像你写的一样 $http.get(blah).success(function(response ）{//代码}）。但它不起作用，我的问题是，代码的排列是否正确？或者我的意思是我错过了分号或这样的分隔符，因为它不起作用，
@charlietft 哦，是的，tnx，我忘了更改我的问题的标题，抱歉，浏览器开发工具？是的，实际上我检查并查看events.json是否已经编译，它在我的浏览器的网络选项卡中显示我的html文件和events.json在其中，我的意思是正在通过，但输出不起作用，就是这样为什么我发布这个，对于可以建议我的 $http.get 上是否缺少分隔符、分号等的人，

标签： json angularjs http binding header

【解决方案1】：

记住正确的风格指南。它应该可以帮助你。另请查看此链接https://github.com/johnpapa/angular-styleguide/

(function {

    'use strict';

    angular
        .module('myTable', [])
        .controller('tableCtrl', tableCtrl);

    tableCtrl.$inject = ['$scope', '$http'];

    function tableCtrl($scope, $http) {
        $http.get("http://staging.api.sample.com/events.json", {
            header: {
                Authorization: 'vsdnmsndjednmsdnjemsdjendmsdnjeNmJHMN'
            }
        }).then(function(response.data) {
            $scope.members = response.data.events;
            $scope.totals = response.data.paging;
        }).catch(function(error) {

        });

    });
}());

这个查询是错误的：

$http.get("http://staging.api.sample.com/events.json", {
            header: {
                Authorization: 'vsdnmsndjednmsdnjemsdjendmsdnjeNmJHMN'
            }
        }

您可以通过获取这样的构建查询来传递参数： $http.get("http://staging.api.sample.com/customer/1") 或 $http.get("http://staging.api.sample.com/customer/" + some_param)。如果你想向你的 API 发送一些对象，你应该使用POST。例如： $http.post("http://staging.api.sample.com/events.json", {object});

【讨论】：

我试试你的代码，但什么也没发生，也许问题出在我的 events.json 上，但如果我要运行 events.json 而没有标题表正在工作，我确实尝试了你的代码替换我的代码从 var myTable=angular.module('myTable',[]);并替换您的代码。以 {function { 开头