AngularJS学习篇(十二)

AngularJS SQL

ASP.NET 中执 SQL 获取数据

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="angular-1.6.3/angular.js"></script>
<style>
table, th , td  {
  border: 1px solid grey;
  border-collapse: collapse;
  padding: 5px;
}
table tr:nth-child(odd) {
  background-color: #f1f1f1;
}
table tr:nth-child(even) {
  background-color: #ffffff;
}
</style>
</head>
<body>

<div ng-app="myApp" ng-controller="customersCtrl"> 

<table>
<tr ng-repeat="x in names">
    <td>{{ x.Name }}</td>
    <td>{{ x.Country }}</td>
</tr>
</table>

</div>

<script>
var app = angular.module('myApp', []);
app.controller('customersCtrl', function($scope, $http) {
   $http.get("http://www.runoob.com/try/angularjs/data/Customers_SQL.aspx")
   .then(function (response) {$scope.names = response.records;});
});
</script>

</body>
</html>

服务端代码

以下列出了几种植服务端代码类型:

  1. 使用 PHP 和 MySQL。返回 JSON。
  2. 使用 PHP 和 MS Access。返回 JSON。
  3. 使用 ASP.NET, VB, 及 MS Access。 返回 JSON。
  4. 使用 ASP.NET, Razor, 及 SQL Lite。 返回 JSON。

跨域 HTTP 请求

若果您得打不同之服务器(不同域名)上获取数据就待利用跨域 HTTP 请求。

跨域请求在网页上异常广。很多网页打不同服务器上载入 CSS,
图片,Js脚本等。

于当代浏览器中,为了多少的安全,所有请求被严厉限定在同一域名下,如果急需调用不同站点的数码,需要经跨域来缓解。

以下的 PHP 代码运行使用的网站开展跨域访问。

header(“Access-Control-Allow-Origin: *”);

重多跨域访问解决方案只是参看:PHP Ajax
跨域问题最佳解决方案。

相关文章