Angular.JS 내장 서비스$http 데이터베이스 추가 삭제 사용 튜 토리 얼

본 고 는 Angular.JS 내장 서비스$http 가 데이터베이스 에 대한 추가 삭제 작업 과 관련 된 내용 을 소개 하고 참고 학습 을 제공 합 니 다.다음은 상세 한 소 개 를 살 펴 보 겠 습 니 다.
1.$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) {
  
 });*/
})

대응 하 는 배경 자바 코드:

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

2.$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('    ');
    }
   })
  }
 })

배경 자바 코드:


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 를 배우 거나 사용 하 는 데 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 댓 글 을 남 겨 주 셔 서 저희 에 대한 지지 에 감 사 드 립 니 다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

Angular 프로그램을 수동으로 시작하는 방법

bootstrap 속성은 보통 프로그램을 시작하는 데 사용되는 구성 요소를 포함하고 Angular는 DOM에서 이 시작 구성 요소에 일치하는 선택기를 조회하고 실례화합니다. Angular 시작 과정은 프로그램을 시작...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

Angular.JS 내장 서비스$http 데이터베이스 추가 삭제 사용 튜 토리 얼

좋은 웹페이지 즐겨찾기