微客导航 » 文章资讯 » Angular.JS内置服务$http对数据库的增删改使用教程

Angular.JS内置服务$http对数据库的增删改使用教程

2024-02-24 06:46:03 159

本文主要介绍的是Angular.JS内置服务$http对数据库的增删改操作的相关内容，分享出来供大家参考学习，下面来看看详细的介绍：

一、使用$http查询MySQL数据

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){

});*/
})

对应的后台Java代码：

publicvoidgetUsers(){
Listusers=User.dao.find("select*fromt_user");
renderJson(Users);
}

二、$http实现对数据的增删改

(1)$http带参数发送请求

(2)对MySQL数据增删改





AngularJS$http



html,body{font-size:14px;}






添加
删除

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('删除成功');
}
})
}
})

后台Java代码：

publicvoidaddUser(){
Stringid=getPara("id");
Stringname=getPara("name");
Useruser=newUser();
booleanisok=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);
}

publicvoiddelUser(){
Stringid=getPara("id");
booleanisok=User.dao.deleById(id);
renderJson("seccess",isok);
}

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家学习或者使用Angular.js能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对毛票票的支持。

返回顶部
3162201930
czq8825@qq.com

Angular.JS内置服务$http对数据库的增删改使用教程

热门推荐

随机推荐