您好,登錄后才能下訂單哦!
本文主要介紹的是Angular.JS內(nèi)置服務(wù)$http對(duì)數(shù)據(jù)庫(kù)的增刪改操作的相關(guān)內(nèi)容,分享出來(lái)供大家參考學(xué)習(xí),下面來(lái)看看詳細(xì)的介紹:
一、使用$http查詢MySQL數(shù)據(jù)
angular.module('app',[]) .controller('MyCtrl',function ($scope,$http) { $http.get('http://127.0.0.1:80/user/getUsers') .success(function (resp) { console.log(resp); }) .error() //jQuery /*$.get('url',function (data) { });*/ })
對(duì)應(yīng)的后臺(tái)Java代碼:
public void getUsers(){ List<User> users = User.dao.find("select * from t_user"); renderJson(Users); }
二、$http實(shí)現(xiàn)對(duì)數(shù)據(jù)的增刪改
(1)$http帶參數(shù)發(fā)送請(qǐng)求
(2)對(duì)MySQL數(shù)據(jù)增刪改
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>AngularJS $http</title> <link rel="stylesheet" href="css/foundation.min.css" rel="external nofollow" > <style type="text/css"> html,body{font-size:14px;} </style> </head> <body ng-app="app"> <div ng-controller="MyCtrl"> <input type="text" ng-model="id"> <input type="text" ng-model="name"> <button class="button" onclick="addUser()">添加</button> <button class="button" onclick="delUser()">刪除</button> </div> </body> <script src="js/angular.min.js"></script> <script src="app.js"></script> </html>
angular.module('app', []) .controller('MyCtrl', function ($scope, $http) { $scope.id=" "; $scope.name=" "; $scope.addUser = function () { $http.post('http://127.0.0.1:80/user/addUser',{id:$scope.id, name:$scope.name}) .success(function (resp) { if(resp.success){ alert("添加成功"); } }) } $scope.delUser = function () { $htp.post('http://127.0.0.1:80/user/delUser',{id:$scope.id}) .success(function () { if(resp.success){ alert('刪除成功'); } }) } })
后臺(tái)Java代碼:
public void addUser(){ String id = getPara("id"); String name = getPara("name"); User user = new User(); boolean isok = false; if(id != null && id.equals("")){ isok = user.set("id",id).set("name",name).update(); }else{ isok = user.set("name",name).save(); } renderJson("seccess",isok); } public void delUser(){ String id = getPara("id"); boolean isok = User.dao.deleById(id); renderJson("seccess",isok); }
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家學(xué)習(xí)或者使用Angular.js能帶來(lái)一定的幫助,如果有疑問(wèn)大家可以留言交流,謝謝大家對(duì)億速云的支持。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。