如何使用JSON提要URL显示来自多个Google工作表的数据_Json_Angularjs_Google Sheets_Angularjs Http

如何使用JSON提要URL显示来自多个Google工作表的数据

json angularjs google-sheets

如何使用JSON提要URL显示来自多个Google工作表的数据,json,angularjs,google-sheets,angularjs-http,Json,Angularjs,Google Sheets,Angularjs Http,我能够显示结果并从只有一张工作表的电子表格中搜索数据。使用od6作为JSON URL:var URL=“” 我的要求是从多个页面获取JSON提要，比如blow URL //var url1=“”；//我尝试了一个网址表，但仍然无法显示你能帮我吗 //var url2=“” //Json文件：https://spreadsheets.google.com/feeds/worksheets/1OJX_UfZ7KQ-NMKcpXmYT8Ml1OfzerPnmUyEcSoMqeZc/public/ba

我能够显示结果并从只有一张工作表的电子表格中搜索数据。使用od6作为JSON URL:var URL=“”

我的要求是从多个页面获取JSON提要，比如blow URL //var url1=“”；//我尝试了一个网址表，但仍然无法显示你能帮我吗 //var url2=“”


//Json文件：https://spreadsheets.google.com/feeds/worksheets/1OJX_UfZ7KQ-NMKcpXmYT8Ml1OfzerPnmUyEcSoMqeZc/public/basic?alt=json
//用于在选项卡中显示数据的代码
//Json文件：https://spreadsheets.google.com/feeds/worksheets/1OJX_UfZ7KQ-NMKcpXmYT8Ml1OfzerPnmUyEcSoMqeZc/public/basic?alt=json
函数openPage（页面名，elmnt）{
var i，tabcontent，tablinks；
tabcontent=document.getElementsByClassName（“tabcontent”）；
对于（i=0；i
函数（元素，搜索输入）{
element=element.replace（新的RegExp（`（${searchInput}）`，'gi'），
'$&');
返回$sce.trustAsHtml（元素）；
});
$scope.search=''；
$scope.searchFilter=函数（项）{
if（item.gsx$topic.$t.toLowerCase（）.indexOf（$scope.search.toLowerCase（））！=-1 | | item.gsx$response.$t.toLowerCase（）.indexOf（$scope.search.toLowerCase（））！=-1）{
//要突出显示的代码
//要突出显示的代码
返回true；
}
返回false；
}
});   




问题:
回应
{{user.gsx$topic.$t}
{{user.gsx$response.$t}

Hello@TejoSaiKumarEEPU，您是否收到任何错误？干杯你好@ale13我在使用url1时遇到以下错误。另外，我的要求是从所有具有图纸名称的图纸中获取数据并显示。你能帮忙吗？错误：userCodeAppPanel:1在CORS访问XMLHttpRequest策略：请求的资源上不存在“Access Control Allow Origin”标头。是否有人可以帮助解决此错误？我使用了http.get（url1）和http.get（url2）等。。要访问多张工作表数据，我将从我的个人工作表中获取数据。但无法从我公司帐户的原始文件中获取。

<html>
    <head>


<script src="menu.js"></script>      
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script>
    // Json file : https://spreadsheets.google.com/feeds/worksheets/1OJX_UfZ7KQ-NMKcpXmYT8Ml1OfzerPnmUyEcSoMqeZc/public/basic?alt=json

// code for displaying the data in tabs
 // Json file : https://spreadsheets.google.com/feeds/worksheets/1OJX_UfZ7KQ-NMKcpXmYT8Ml1OfzerPnmUyEcSoMqeZc/public/basic?alt=json

function openPage(pageName,elmnt) {
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }
  tablinks = document.getElementsByClassName("tablink");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].style.color = "#969595";

  }

  document.getElementById(pageName).style.display = "block";
  elmnt.style.color = "white";

}


    //angular js code to display search in JSON URL data

   var app= angular.module('sample', []);
 app.controller('sampleController', function ($scope, $http) {              
   var url = "https://spreadsheets.google.com/feeds/list/153Obe1TdWlIPyveZoNxEw53rdrghHsiWU9l-WgGwCrE/od6/public/values?alt=json";
     //var url1 = "https://spreadsheets.google.com/feeds/list/1OJX_UfZ7KQ-NMKcpXmYT8Ml1OfzerPnmUyEcSoMqeZc/2/public/values?alt=json"; // Using url1 instead of url is not working
     //var url2 = "https://spreadsheets.google.com/feeds/list/1OJX_UfZ7KQ-NMKcpXmYT8Ml1OfzerPnmUyEcSoMqeZc/3/public/values?alt=json";
    //var url = "https://spreadsheets.google.com/feeds/cells/1OJX_UfZ7KQ-NMKcpXmYT8Ml1OfzerPnmUyEcSoMqeZc/1/public/values?alt=json"; // url for sheet1

    $http.get(url)
    .success(function(data, status, headers, config) {     
         $scope.users = data.feed.entry;
         //console.log($scope.users);
    })
    .error(function(error, status, headers, config) {
         console.log(status);
         console.log("Error occured");
    }); 
   app.filter('highlightFilter', $sce =>
 function (element, searchInput) {
   element = element.replace(new RegExp(`(${searchInput})`, 'gi'),
             '<span class="highlighted">$&</span>');
   return $sce.trustAsHtml(element);
 });
    $scope.search='';
    $scope.searchFilter=function(item){

        if(item.gsx$topic.$t.toLowerCase().indexOf($scope.search.toLowerCase()) != -1 || item.gsx$response.$t.toLowerCase().indexOf($scope.search.toLowerCase()) != -1){
        // code to highlight

      // code to highlight
        return true;

            }
      return false;
    }

});   


</script>


    </head>
<body>


<div ng-app="sample"  ng-controller="sampleController">



  <input type="text" name="search" ng-model="search" placeholder="Search in all sheets" ></input>

    <br>
    <br>
  <table  style="border: 1px solid black ;" >
    <tbody>
        <tr>
            <td style="color:blue; font-size:14px;"><center><b>Question</b></center></td>
            <td style="color:blue; font-size:14px;"><center><b>Response</b></center></td>
        </tr>
      <tr ng-repeat="user in users | filter:searchFilter">
        <td style="border: 1px solid black ; width:30%;white-space: pre-wrap;">{{user.gsx$topic.$t}}</td>
        <td style="border: 1px solid black ; width:70%;white-space: pre-wrap;">{{user.gsx$response.$t}}</td>
      </tr>
    </tbody>
  </table>

</div>
</body>
</html>