const postData = (url = ``, data = {}) => {
// Default options are marked with *
return fetch(url, {
method: "POST", // *GET, POST, PUT, DELETE, etc.
mode: "cors", // no-cors, cors, *same-origin
cache: "no-cache", // *default, no-cache, reload, force-cache, only-if-cached
credentials: "same-origin", // include, same-origin, *omit
headers: {
"Content-Type": "application/json; charset=utf-8",
// "Content-Type": "application/x-www-form-urlencoded",
},
redirect: "follow", // manual, *follow, error
referrer: "no-referrer", // no-referrer, *client
body: JSON.stringify(data), // body data type must match "Content-Type" header
})
.then(response => response.json()) // parses response to JSON
.catch(error => console.error(`Fetch Error =\n`, error));
};
const test1 = () => {
postData(`https://manniru.firebaseio.com/vue/test1/.json`, {answer: 42})
.then(data => console.log(data)) // JSON from `response.json()` call
.catch(error => console.error(error));
}
var app = new Vue({
el: '#app',
data: {
message: 'Hello Mannir!',
myJson : null,
},
created() {
// console.log(+new Date())
fetch('https://manniru.firebaseio.com/forms/-Ky5HYCmhB7XTRYSH2PJ/.json')
.then(response => { return response.json(); })
.then(json => {
// message = json.name
console.log(json.name)
})
}
})
test1();