Angular.JS内置服务$http对数据库的增删改使用教程
时间:2019-03-30
本文章向大家介绍Angular.JS内置服务$http对数据库的增删改使用教程,主要包括Angular.JS内置服务$http对数据库的增删改使用教程使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
本文主要介绍的是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能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。
- C语言第七讲,函数入门.
- 【全网扫描】获取CDN背后网站的真实IP
- C语言第六讲,数组
- C语言第五讲,语句 顺序循环选择.
- C语言第四讲,typedef 关键字,以及作用域
- C语言第三讲,基本数据类型
- 64位内核第二讲,进程保护之对象钩子
- x64内核HOOK技术之拦截进程.拦截线程.拦截模块
- Spring开启方法异步执行
- 64位内核第一讲,和32位内核的区别
- Maven精选系列--发布jar包到Nexus私库
- 《SpringMVC从入门到放肆》五、SpringMVC配置式开发(处理器适配器)
- 《SpringMVC从入门到放肆》四、SpringMVC配置式开发(处理器映射器)
- 什么是Spring Boot?
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 详解kubeadm安装k8s集群常见问题
- Python 3.7 + Django 2.2.5 Web项目搭建
- Flink集成数据湖之实时数据写入iceberg
- unittest简单应用
- 假如 Web 当初不支持动态化
- Spring Boot使用OpenAPI规范
- 图论-单源最短路径(Dijskal算法)
- Mysql系列第二十五讲 mysql如何确保数据不丢失?有几点值得我们借鉴
- 使用Jsch进行安全的文件上传及下载
- 你见过最烂的代码长什么样子?
- 集智智能课程表项目 实战指南
- ZeroLogon(CVE-2020-1472) 分析与狩猎
- 什么是数字资产?
- 我要偷偷的学Python,然后惊呆所有人(第一天)
- Python 中的上下文管理