Async request
This commit is contained in:
parent
fd128da2e4
commit
40043f0293
@ -4,8 +4,9 @@
|
|||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<title>Riot App</title>
|
<title>Riot App</title>
|
||||||
<script src="https://cdn.tailwindcss.com"></script>
|
<script src="https://cdn.tailwindcss.com"></script>
|
||||||
|
<script type="javascript" src="model.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body class="bg-neutral-50">
|
||||||
|
|
||||||
<onzer></onzer>
|
<onzer></onzer>
|
||||||
|
|
||||||
@ -13,10 +14,11 @@
|
|||||||
<script src="https://unpkg.com/riot@9/riot+compiler.min.js"></script>
|
<script src="https://unpkg.com/riot@9/riot+compiler.min.js"></script>
|
||||||
|
|
||||||
<script type="riot" src="./onzer.riot"></script>
|
<script type="riot" src="./onzer.riot"></script>
|
||||||
|
<script type="javascript" src="./onzer.riot"></script>
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
riot.compile().then(() => {
|
riot.compile().then(() => {
|
||||||
riot.mount('onzer')
|
riot.mount('onzer');
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
5
model.js
Normal file
5
model.js
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
function getSongs(){
|
||||||
|
return fetch(`https://dwarves.iut-fbleau.fr/~fauvet/api/songs`).then(response => {
|
||||||
|
return response;
|
||||||
|
})
|
||||||
|
}
|
14
onzer.riot
14
onzer.riot
@ -16,15 +16,16 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
onBeforeMount(e){
|
async onBeforeMount(props){
|
||||||
|
const response = await fetch('https://dwarves.iut-fbleau.fr/~fauvet/api/songs');
|
||||||
|
|
||||||
|
console.log(response);
|
||||||
|
|
||||||
this.state.placeholder = "Rechercher dans les albums";
|
this.state.placeholder = "Rechercher dans les albums";
|
||||||
|
console.log(this.state.items);
|
||||||
},
|
},
|
||||||
edit(e) {
|
edit(e) {
|
||||||
e.preventDefault()
|
|
||||||
this.state = {items: [{item: "caca", size: 23}, {item: "aze", size: 3}]};
|
|
||||||
this.state.name = "Gros caca";
|
|
||||||
console.log(this.state)
|
|
||||||
this.update();
|
|
||||||
},
|
},
|
||||||
click(e) {
|
click(e) {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
@ -42,5 +43,4 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
</onzer>
|
</onzer>
|
Loading…
Reference in New Issue
Block a user