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>
服务端代码
以下列出了几种服务端代码类型:
使用 PHP 和 MySQL。返回 JSON。使用 PHP 和 MS Access。返回 JSON。使用 ASP.NET, VB, 及 MS Access。 返回 JSON。使用 ASP.NET, Razor, 及 SQL Lite。 返回 JSON。
跨域 HTTP 请求
如果你需要从不同的服务器(不同域名)上获取数据就需要使用跨域 HTTP 请求。
跨域请求在网页上非常常见。很多网页从不同服务器上载入 CSS, 图片,Js脚本等。
在现代浏览器中,为了数据的安全,所有请求被严格限制在同一域名下,如果需要调用不同站点的数据,需要通过跨域来解决。
以下的 PHP 代码运行使用的网站进行跨域访问。
header("Access-Control-Allow-Origin: *");
更多跨域访问解决方案可参阅:PHP Ajax 跨域问题最佳解决方案。
转载于:https://www.cnblogs.com/dehuachenyunfei/p/6730729.html
相关资源:AngularJS学习第二篇 AngularJS依赖注入