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


Posted in Javascript onMay 07, 2017

本文主要介绍的是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代码:

public void getUsers(){
  List<User> users = User.dao.find("select * from t_user");
renderJson(Users);
}

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

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

     (2)对MySQL数据增删改

<!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 style="padding:10px;" 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('删除成功');
    }
   })
  }
 })

后台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);
}

总结

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

Javascript 相关文章推荐
动态创建的表格单元格中的事件实现代码
Dec 30 Javascript
jquery animate实现鼠标放上去显示离开隐藏效果
Jul 21 Javascript
使用DeviceOne实现微信小程序功能
Dec 29 Javascript
使用Javascript判断浏览器终端设备(PC、IOS(iphone)、Android)
Jan 04 Javascript
jQuery+SpringMVC中的复选框选择与传值实例
Jan 08 jQuery
浅析微信扫码登录原理(小结)
Oct 29 Javascript
使用jQuery动态设置单选框的选中效果
Dec 06 jQuery
webpack4之如何编写loader的方法步骤
Jun 06 Javascript
JS回调函数原理与用法详解【附PHP回调函数】
Jul 20 Javascript
原生js实现无缝轮播图
Jan 11 Javascript
解决Echarts2竖直datazoom滑动后显示数据不全的问题
Jul 20 Javascript
react实现复选框全选和反选组件效果
Aug 25 Javascript
angular2中router路由跳转navigate的使用与刷新页面问题详解
May 07 #Javascript
Angular2中select用法之设置默认值与事件详解
May 07 #Javascript
Angular.JS中指令ng-if、ng-show/ng-hide和ng-switch的使用教程
May 07 #Javascript
Angular.Js中ng-include指令的使用与实现
May 07 #Javascript
Angular.js中ng-include用法及多标签页面的实现方式详解
May 07 #Javascript
JavaScript的继承实现小结
May 07 #Javascript
vue2.0多条件搜索组件使用详解
Mar 26 #Javascript
You might like
玩家交还《星际争霸》原始码光盘 暴雪报以厚礼
2017/05/05 星际争霸
PHP中一个控制字符串输出的函数
2006/10/09 PHP
php获取url字符串截取路径的文件名和扩展名的函数
2010/01/22 PHP
php中Array2xml类实现数组转化成XML实例
2014/12/08 PHP
php 微信公众平台开发模式实现多客服的实例代码
2016/11/07 PHP
ThinkPHP框架中使用Memcached缓存数据的方法
2018/03/31 PHP
js TextArea的选中区域处理
2010/12/28 Javascript
基于jquery tab切换(防止页面刷新)
2012/05/23 Javascript
js创建子窗口并且回传值示例代码
2013/07/02 Javascript
使用jQuery重置(reset)表单的方法
2014/05/05 Javascript
jquery判断浏览器后退时候弹出消息的方法
2014/08/11 Javascript
javascript中利用柯里化函数实现bind方法
2016/04/29 Javascript
老生常谈JQuery data方法的使用
2016/09/09 Javascript
webix+springmvc session超时跳转登录页面
2016/10/30 Javascript
JS实现重新加载当前页面
2016/11/29 Javascript
浅述节点的创建及常见功能的实现
2016/12/15 Javascript
js遍历json对象所有key及根据动态key获取值的方法(必看)
2017/03/09 Javascript
JS库 Highlightjs 添加代码行号的实现代码
2017/09/13 Javascript
Vue2.5 结合 Element UI 之 Table 和 Pagination 组件实现分页功能
2018/01/26 Javascript
JS实现textarea通过换行或者回车把多行数字分割成数组并且去掉数组中空的值
2018/10/29 Javascript
解决新建一个vue项目过程中遇到的问题
2020/10/22 Javascript
一篇文章让你搞懂JavaScript 原型和原型链
2020/11/23 Javascript
Python如何实现转换URL详解
2019/07/02 Python
python实现ip地址查询经纬度定位详解
2019/08/30 Python
python快速排序的实现及运行时间比较
2019/11/22 Python
pytorch 自定义卷积核进行卷积操作方式
2019/12/30 Python
C++和python实现阿姆斯特朗数字查找实例代码
2020/12/07 Python
html5配合css3实现带提示文字的输入框(摆脱js)
2013/03/08 HTML / CSS
法国太阳镜店:Sunglasses Shop
2016/08/27 全球购物
通往英国高街的商店橱窗:Down Your High Street
2020/07/19 全球购物
商务英语求职自荐信范文
2013/12/24 职场文书
党的生日演讲稿
2014/09/10 职场文书
文明班级申报材料
2014/12/24 职场文书
最美乡村教师观后感
2015/06/11 职场文书
先进教师个人主要事迹材料
2015/11/03 职场文书
考生诚信考试承诺书(2016版)
2016/03/25 职场文书