Latest web development tutorials

AngularJS SQL

O código na secção anterior pode também ser usado para ler os dados a partir da base de dados.


Use PHP para obter dados do MySQL,

AngularJS exemplos

< 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.w3big.com/try/angularjs/data/Customers_MySQL.php")
    .success(function (response) {$scope.names = response.records;});
});
< /script >

tente »

ASP.NET executar o acesso SQL aos dados

AngularJS exemplos

< 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.w3big.com/try/angularjs/data/Customers_SQL.aspx")
    .success(function (response) {$scope.names = response.records;});
});
< /script >

tente »

código do lado do servidor

Listados abaixo estão listados vários tipos de código do lado do servidor:

  1. PHP e MySQL. Retornar JSON.
  2. PHP e MS Access. Retornar JSON.
  3. Use ASP.NET, VB e MS Access. Retornar JSON.
  4. Use ASP.NET, Navalha, e SQL Lite. Retornar JSON.

solicitação HTTP entre domínios

Se você precisar recuperar dados de diferentes servidores (domínios diferentes), você vai precisar usar solicitações HTTP entre domínios.

solicitações entre domínios na página é muito comum. Muitas páginas carregar CSS, imagens, scripts Js de diferentes servidores.

Em navegadores modernos, a fim de proteger os dados, todas as solicitações são estritamente limitados sob o mesmo nome de domínio, se você precisa chamar dados de diferentes sites, você precisa ser resolvido através de cross-domain.

O seguinte código PHP para executar o acesso entre domínios usando um site.

header ( "Access-Control-Allow-Origin: *");

Mais soluções de acesso de domínio cruzado pode ser encontrado em: PHP Ajax problema de domínio cruzado a melhor solução.


1. exemplos de código PHP e MySQL

<? Php
header ( "Access-Control-Allow-Origin: *");
header ( "Content-Type: application / json; charset = UTF-8");

$ Conn = new mysqli ( "myServer", "myUser", "myPassword", "Adamastor");

$ Result = $ conn-> query ( "SELECT CompanyName, cidade, país FROM Customers");

$ Outp = "";
while ($ rs = $ result-> fetch_array (MYSQLI_ASSOC)) {
if ($ outp = "!") {, "$ outp =.";}
. $ Outp = "{" Nome ":" $ rs. [ "CompanyName"] ',;' ".
. $ Outp = "" City ":" $ rs. [ "City"] ',;' ".
. $ Outp = ' "País": "$ rs. [" Country "]'}; '".
}
$ Outp = "{" registros ": [ '$ outp..']} ';
$ Conn-> close ();

echo ($ outp);
?>

2. exemplos de código PHP e MS Access

<?php
header("Access-Control-Allow-Origin: *");
header("Content-Type: application/json; charset=ISO-8859-1");

$conn = new COM("ADODB.Connection");
$conn->open("PROVIDER=Microsoft.Jet.OLEDB.4.0;Data Source=Northwind.mdb");

$rs = $conn->execute("SELECT CompanyName, City, Country FROM Customers");

$outp = "";
while (!$rs->EOF) {
    if ($outp != "") {$outp .= ",";}
    $outp .= '{"Name":"'  . $rs["CompanyName"] . '",';
    $outp .= '"City":"'   . $rs["City"]        . '",';
    $outp .= '"Country":"'. $rs["Country"]     . '"}';
    $rs->MoveNext();
}
$outp ='{"records":['.$outp.']}';

$conn->close();

echo ($outp);
?>

3. exemplos de código ASP.NET, VB e MS Access

<% @ Import Namespace = "System.IO"%>
<% @ Import Namespace = "System.Data"%>
<% @ Import Namespace = "System.Data.OleDb"%>
<%
Response.AppendHeader ( "Access-Control-Allow-Origin", "*")
Response.AppendHeader ( "Content-type", "application / json")
Dim conn As OleDbConnection
Dim objAdapter Como OleDbDataAdapter
Dim objTable As DataTable
Dim objRow Como DataRow
Dim objDataSet As New DataSet ()
dim outp
Dim c
conn = new OleDbConnection ( "Provider = Microsoft.Jet.OLEDB.4.0; fonte de dados = Northwind.mdb")
objAdapter = Novo OLEDbDataAdapter ( "SELECT CompanyName, cidade, país FROM Clientes", conn)
objAdapter.Fill (objDataSet, "myTable")
objTable = objDataSet.Tables ( "myTable")

outp = ""
c = chr (34)
para cada x em objTable.Rows
se outp <> "", então outp = outp & ","
outp = outp & "{" & c & "Nome" & c & ":" & c & x ( "CompanyName") & c & ","
outp = outp & c & "City" & c & ":" & c & x ( "City") & c & ","
outp = outp & c & "Country" & c & ":" & c & x ( "Country") & c & "}"
próximo

outp = "{" & c & "registros" & c & ": [" & outp & "]}"
response.write (outp)
conn.close
%>

4. ASP.NET, VB navalha e SQL Lite exemplos de código

@{
Response.AppendHeader("Access-Control-Allow-Origin", "*")
Response.AppendHeader("Content-type", "application/json")
var db = Database.Open("Northwind");
var query = db.Query("SELECT CompanyName, City, Country FROM Customers");
var outp =""
var c = chr(34)
}
@foreach(var row in query)
{
if outp <> "" then outp = outp + ","
outp = outp + "{" + c + "Name"    + c + ":" + c + @row.CompanyName + c + ","
outp = outp +       c + "City"    + c + ":" + c + @row.City        + c + ","
outp = outp +       c + "Country" + c + ":" + c + @row.Country     + c + "}"
}
outp ="{" + c + "records" + c + ":[" + outp + "]}"
@outp