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
跨域难点最佳化解方案

相关文章