1.表結構

我在教程示例中使用users表。CREATE TABLE `users` (

`id` int(11) NOT NULL PRIMARY KEY AUTO_INCREMENT,

`fname` varchar(80) NOT NULL,

`lname` varchar(80) NOT NULL,

`username` varchar(80) NOT NULL

) ENGINE=InnoDB DEFAULT CHARSET=latin1;

2.配置

創建新的config.php文件。

完整的代碼<?php

$host ="localhost"; /* Host name */

$user ="root"; /* User */

$password =""; /* Password */

$dbname ="tutorial"; /* Database name */

$con = mysqli_connect($host, $user, $password,$dbname);

// Check connection

if (!$con) {

die("Connection failed:" . mysqli_connect_error());

}

3. HTML

你可以在頁面中下載，并包含angular.min.js或者使用CDN。

定義

和

用于顯示數據創建

完整的代碼

How to get data from MySQL with AngularJS - PHPFirst nameLast nameUsername

{{user.fname}}	{{user.lname}}	{{user.username}}

4. PHP

創建getData.php文件。

從這里返回JSON數組，其中包含用戶詳細信息(fname，lname和username )。

完整的代碼include 'config.php';

$sel = mysqli_query($con,"select * from users");

$data = array();

while ($row = mysqli_fetch_array($sel)) {

$data[] = array("fname"=>$row['fname'],"lname"=>$row['lname'],"username"=>$row['username']);

}

echo json_encode($data);

5.腳本

在控制器(用戶控制)中創建新模塊，并設置AJAX請求。路徑-傳遞文件名在url中，并將method設置為get，

成功reponse.data AJAX成功回調處理，其中將存儲到$scope.users，

在HTML端使用ng-repeat指令顯示數據。

完整的代碼

var fetch = angular.module('myapp', []);

fetch.controller('userCtrl', ['$scope', '$http', function ($scope, $http) {

$http({

method: 'get',

url: 'getData.php'

}).then(function successCallback(response) {

// Store response data

$scope.users = response.data;

});

}]);

6.結束語

Angular提供$http服務，可以對服務器進行AJAX調用。

和jQuery AJAX請求類似，你可以發送get或POST type請求，在教程示例中，我從$http發送get請求，以JSON格式從MySQL數據庫獲取數據。如果你認為本教程對你有所幫助，請不要忘記分享。

總結

以上是生活随笔為你收集整理的angularjs 读取mysql_如何使用AngularJS PHP从MySQL获取数据的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。