Last active
September 19, 2019 00:39
-
-
Save govaniso/a9f4d55cdc4ff9a48c6659bf4bc8f210 to your computer and use it in GitHub Desktop.
form_vue.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div id="app"> | |
<label>nombre</label> | |
<input type='text' v-model="dispositivo.nombre"> | |
<br> | |
<label>modelo</label> | |
<input type='text' v-model="dispositivo.modelo"> | |
<br> | |
<label>marca</label> | |
<input type='text' v-model="dispositivo.marca"> | |
<br> | |
<pre> {{ dispositivo }} </pre> | |
<button class="btn btn-success" @click="enviar" type="button">Enviar</button> | |
</div> | |
<script type="text/javascript"> | |
var app = new Vue({ | |
el: '#app', | |
data: { | |
dispositivo: { | |
nombre: "", | |
modelo: "", | |
marca: "", | |
} | |
}, | |
methods: { | |
enviar: function () { | |
console.log(this.dispositivo); | |
axios.post('/kumbiaphpiot/vueapi', { | |
dispositivo: this.dispositivo | |
}).then(function (response) { | |
//Cuando termina | |
console.log(response); | |
}).catch(function (error) { | |
//Cuando ocurre un error | |
console.log(error); | |
}); | |
} | |
} | |
}) | |
</script> | |
<?php | |
<?php | |
class VueapiController extends RestController { | |
public function post() { | |
$json = $this->param(); | |
if (key_exists("dispositivo", $json)) { | |
$Dispositivo = new Dispositivos(); | |
$this->data = $Dispositivo->add($json["dispositivo"]); | |
} | |
} | |
} | |
?> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment