| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 |
- 안드로이드 배경화면
- 안드로이드
- objective-c
- android
- 구글안드로이드
- MapView
- 아이폰 바탕화면
- 스마트폰 배경화면
- 하루 한마디 영어
- 스카이 안드로이드폰 시리우스 K양 동영상
- 안드로이드 개발 2.0
- 안드로이드 개발 강좌
- Form Stuff
- 안드로이드개발
- 구글 안드로이드 개발
- 안드로이드 개발
- 안드로이드폰
- 안드로이드 개발 2.0 강좌
- 구글 안드로이드
- 영어
- 하루한마디영어
- SKY 시리우스
- 안드로이드 2.0 개발
- 스카이 안드로이드폰 시리우스
- 안드로이드2.0개발
- 안드로이드 바탕화면
- 안드로이드2.0
- 인기있는 블로그 만들기
- sky 시리우스폰
- 아이폰 배경화면
- Today
- Total
moozi
vueAjax04.html 본문
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>webpos-do</title>
<script src="https://unpkg.com/vue"></script>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
$(document).ready(function(){
console.log("zzzzzzzzzzzz");
var app= new Vue({
el: '#app',
data: {
id:"",
name:"",
address:""
},
methods:{
getMember:function(){
$.ajax({
url:"http://pjs.dothome.co.kr/ajaxDB3.php?id=hkd",
dataType:"json",
success:function(data){
console.log(data);
app.id=data.id;
app.name=data.name;
app.address=data.address;
}
});
},
updateMember:function(){
console.log("==================");
var frmData=$("#frm1").serialize();//폼에 입력한 값 데이터화
$.ajax({
type:"POST",
url:"http://pjs.dothome.co.kr/memberUpdate.php",
data:frmData,
success:function(res){
if(res){
console.log(res.message);
$("#message").html(res.message);
}
}
});
}
}
});
app.getMember();
// $("#modify").on("click",function(){
// console.log("==================");
// var frmData=$("#frm1").serialize();//폼에 입력한 값 데이터화
// $.ajax({
// type:"POST",
// url:"http://pjs.dothome.co.kr/memberUpdate.php",
// data:frmData,
// success:function(res){
// if(res){
// console.log(res.message);
// $("#message").html(res.message);
// }
// }
// });
// });
});
</script>
</head>
<body>
<div id='app'>
<form id="frm1">
<input type="text" name="id" v-model="id" readonly><br>
name <input type="text" name="name" v-model="name"><br>
address <input type="text" name="address" v-model="address"><br>
<input id="modify" type="button" v-on:click="updateMember" value="회원정보수정">
</form>
<div id="message"></div>
</div>
</body>
</html>
'TIS_2019 > 응용sw2019_2기' 카테고리의 다른 글
| memberUpdate.php (0) | 2019.11.07 |
|---|---|
| 포트폴리오 url (18) | 2019.11.06 |
| ajaxDB3.php (0) | 2019.11.06 |
| vue.js ajax with axios (0) | 2019.11.06 |
| AjaxDB2.php (0) | 2019.11.06 |