moozi

DOCTYPE html> webpos-do $(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()..

Vue Router name address var app = new Vue({ el: '#app', data: { name: "", address: "" }, methods: { getData: function(){ axios.get('http://pjs.dothome.co.kr/ajaxDB3.php') .then((response)=>{ this.name = response.data.name; this.address= response.data.address; // this.data= response.data; }) .catch(function(e){ console.error(e); }) } } }); app.getData();

Vue Router {{ product.name }} {{ product.price }} var app = new Vue({ el: '#app', data: { products: [] }, methods: { getData: function(){ axios.get('http://pjs.dothome.co.kr/ajaxDB2.php') .then((response)=>{ this.products = response.data; }) .catch(function(e){ console.error(e); }) } } }); app.getData();

DOCTYPE html> Axios get data new Vue({ el: '#app', methods: { fetchData: function() { axios.get('https://jsonplaceholder.typicode.com/users/') .then(function(response) { console.log(response); }) .catch(function(error) { console.log(error); }); } } });

DOCTYPE html> webpos-do {{ product.name }} {{ product.price }} new Vue({ el: '#app', data: { products: [] }, created() { fetch('http://pjs.dothome.co.kr/ajaxDB2.php') .then((response) => { if(response.ok) { return response.json(); } throw new Error('Network response was not ok'); }) .then((json) => { this.products=json; }) .catch((error) => { console.log(error); }); } });