https://developer.mozilla.org/zh-CN/docs/Web/API/Fetch_API/Using_Fetch
fetch(url,{
method: 'delete', // *GET, POST, PUT, DELETE, etc.
headers: {
'X-CSRF-TOKEN': '{{csrf_token()}}',
},
}).then(res=>{
return res.json();
}).then(data=>{
console.log(data);
});
async dopost(){
//const frmData = new FormData(this.$refs.frm)
const frmData = JSON.stringify(this.info)
let ret = await fetch(this.$refs.frm.action,{
method: 'PUT', // *GET, POST, PUT, DELETE, etc.
headers: {
'X-CSRF-TOKEN': '{{csrf_token()}}',
'content-type': 'application/json'
},
body:frmData
});
let json = await ret.json();
console.log(json)
}
异步变同步
async function del(event,obj){
event.preventDefault()
let url = $(obj).attr('href');
console.log(url)
//confirm()
//发起ajax
let ret = await fetch(url,{
method: 'delete', // *GET, POST, PUT, DELETE, etc.
headers: {
'X-CSRF-TOKEN': '{{csrf_token()}}',
},
})/*.then(res=>{
return res.json();
}).then(data=>{
console.log(data);
});*/
let json = await ret.json();
/*ret.then(res=>{
//res.json()
console.log(res.json().data())
// res.text()
})*/
/*let {status,msg} = await $.delete(url);
if(status == 0) {
} else {
}*/
return false;
}
jq
$.ajax({
url,
data,
type:'PUT'
}).then(({status,msg})=>{
if(status==1){
layer.msg(msg,{icon:1,tiem:2000},()=>{
location.href="{{route('admin.role.index')}}"
})
}else{
layer.msg(msg,{icon:2,tiem:2000})
}
},err=>{
//console.log(JSON.parse(err.responseText).errors.name)
})
jq
$.post(url,data).then(({status,msg})=>{
if(status==1){
layer.msg(msg,{icon:1,tiem:2000},()=>{
location.href="{{route('admin.role.index')}}"
})
}else{
layer.msg(msg,{icon:2,tiem:2000})
}
},err=>{
//console.log(JSON.parse(err.responseText).errors.name)
})
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
axios.get('data.json')
.then(response=>{
this.info = response.data
// handle success
console.log(this.info);
})
<script>
function test1(){
return new Promise(function(resolve, reject) {
setTimeout(function() {
resolve(`111111`);
}, 1000);
});
}
function test2(){
return new Promise(function(resolve, reject) {
setTimeout(function() {
resolve(`22222`);
}, 1000);
});
//return true;
}
async function dome(){
const x = await test1();
console.log(x);
const y = await test2();
console.log(y);
}
dome();
</script>