| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 | 29 | 30 | 31 |
- 인기있는 블로그 만들기
- SKY 시리우스
- sky 시리우스폰
- 안드로이드 바탕화면
- 안드로이드 개발 2.0 강좌
- 하루한마디영어
- 아이폰 배경화면
- 안드로이드폰
- 스카이 안드로이드폰 시리우스
- objective-c
- 스카이 안드로이드폰 시리우스 K양 동영상
- 구글 안드로이드
- 안드로이드2.0개발
- Form Stuff
- 안드로이드
- 구글 안드로이드 개발
- 구글안드로이드
- 안드로이드 2.0 개발
- MapView
- android
- 안드로이드 개발 강좌
- 안드로이드2.0
- 안드로이드개발
- 안드로이드 개발 2.0
- 영어
- 안드로이드 배경화면
- 스마트폰 배경화면
- 안드로이드 개발
- 하루 한마디 영어
- 아이폰 바탕화면
- Today
- Total
moozi
vuejsAjax04 with jQuery $.ajax() 본문
<!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_2020 > 응용SW2020_1기' 카테고리의 다른 글
| vuejsAjax01.html (0) | 2020.05.15 |
|---|---|
| vuejsAjax.zip (0) | 2020.05.12 |
| vuejsAjax03.html (0) | 2020.05.12 |
| vuejsAjax02.html with Axios (0) | 2020.05.12 |
| vuejsAxios.html (0) | 2020.05.12 |