鹿邑网站制作【鹿邑网站优化】鹿邑建网站、鹿邑微信公众号运营、鹿邑网页设计、鹿邑微信小程序商城

鹿邑网站制作【鹿邑网站优化】鹿邑建网站、鹿邑微信公众号运营、鹿邑网页设计、鹿邑微信小程序商城

鹿邑县，河南省直管县 [1]  ，周口市代管。 [1]  鹿邑古称鸣鹿、真源、苦县、谷阳、仙源，地处豫东平原的东部，地理座标为东经115° 2' 55" ～115° 37' 50"，北纬33°43'3”～34°5'32"。 [2]  鹿邑是连接中原经济区和皖江经济带、长三角的枢纽。鹿邑县总面积1238平方公里，总人口118万人。 [3] 

鹿邑县是世界著名道教鼻祖老子的出生地，也是全球公认的老子故里。 [31-32]  [37]  2011年11月，经中国民间文艺家协会组织专家实地考察论证，报中国文联审批、中国共产党中央委员会宣传部备案，命名河南省鹿邑县为“中国老子文化之乡”，并建立“中国老子文化研究中心”。 [3]  2017年10月，被住建部命名为国家园林县城。2019年1月9日，凭借民间民俗入选2018—2020年度“中国民间文化艺术之乡”名单。 [4] 

$http 是 AngularJS 中的一个核心服务，用于读取远程服务器的数据。

读取 JSON 文件

以下是存储在web服务器上的 JSON 文件：

http://www.w3cschool.cc/try/angularjs/data/Customers_JSON.php

[  
{  
"Name" : "Alfreds Futterkiste",  
"City" : "Berlin",  
"Country" : "Germany"  
},  
{  
"Name" : "Berglunds snabbk?p",  
"City" : "Lule?",  
"Country" : "Sweden"  
},  
{  
"Name" : "Centro comercial Moctezuma",  
"City" : "México D.F.",  
"Country" : "Mexico"  
},  
{  
"Name" : "Ernst Handel",  
"City" : "Graz",  
"Country" : "Austria"  
},  
{  
"Name" : "FISSA Fabrica Inter. Salchichas S.A.",  
"City" : "Madrid",  
"Country" : "Spain"  
},  
{  
"Name" : "Galería del gastrónomo",  
"City" : "Barcelona",  
"Country" : "Spain"  
},  
{  
"Name" : "Island Trading",  
"City" : "Cowes",  
"Country" : "UK"  
},  
{  
"Name" : "K?niglich Essen",  
"City" : "Brandenburg",  
"Country" : "Germany"  
},  
{  
"Name" : "Laughing Bacchus Wine Cellars",  
"City" : "Vancouver",  
"Country" : "Canada"  
},  
{  
"Name" : "Magazzini Alimentari Riuniti",  
"City" : "Bergamo",  
"Country" : "Italy"  
},  
{  
"Name" : "North/South",  
"City" : "London",  
"Country" : "UK"  
},  
{  
"Name" : "Paris spécialités",  
"City" : "Paris",  
"Country" : "France"  
},  
{  
"Name" : "Rattlesnake Canyon Grocery",  
"City" : "Albuquerque",  
"Country" : "USA"  
},  
{  
"Name" : "Simons bistro",  
"City" : "K?benhavn",  
"Country" : "Denmark"  
},  
{  
"Name" : "The Big Cheese",  
"City" : "Portland",  
"Country" : "USA"  
},  
{  
"Name" : "Vaffeljernet",  
"City" : "?rhus",  
"Country" : "Denmark"  
},  
{  
"Name" : "Wolski Zajazd",  
"City" : "Warszawa",  
"Country" : "Poland"  
}  
]

AngularJS $http

AngularJS $http 是一个用于读取web服务器上数据的服务。

$http.get(url) 是用于读取服务器数据的函数。

AngularJS 实例

<div ng-app="" ng-controller="customersController">  

<ul>  
  <li ng-repeat="x in names">  
    {{ x.Name + ', ' + x.Country }}  
  </li>  
</ul>  

</div>  

<script>  
function customersController($scope,$http) {  
    $http.get("http://www.w3cschool.cc/try/angularjs/data/Customers_JSON.php")  
    .success(function(response) {$scope.names = response;});  
}  
</script>

应用解析:

AngularJS 应用通过 ng-app 定义。应用在 <div> 中执行。

ng-controller 指令设置了 controller 对象 名。

函数 customersController 是一个标准的 JavaScript 对象构造器。

控制器对象有一个属性: $scope.names。

$http.get() 从web服务器上读取静态 JSON 数据。

服务器数据文件为： http://www.w3cschool.cc/try/angularjs/data/Customers_JSON.php。

当从服务端载入 JSON 数据时，$scope.names 变为一个数组。

 以上代码也可以用于读取数据库数据。

鹿邑网站制作【鹿邑网站优化】鹿邑建网站、鹿邑微信公众号运营、鹿邑网页设计、鹿邑微信小程序商城