ajax绑值,vue.js使用ajax绑定数据之post方法

[HTML] 纯文本查看 复制代码

发送AJAX请求

window.οnlοad=function(){

new Vue({

el:'#itany',

data:{

user:{

name:'alice',

age:19

},

},

methods:{

sendPost(){

// axios.post('server.php',{

// name:'alice',

// age:19

// }) //该方式发送数据是一个Request Payload的数据格式，一般的数据格式是Form Data格式，所有发送不出去数据

// axios.post('server.php','name=alice&age=20&') //方式1通过字符串的方式发送数据

axios.post('server.php',this.user,{ //方式2通过transformRequest方法发送数据，本质还是将数据拼接成字符串

transformRequest:[

function(data){

let params='';

for(let index in data){

params+=index+'='+data[index]+'&';

}

return params;

}

]

})

.then(resp => {

console.log(resp.data);

}).catch(err => {

console.log('请求失败：'+err.status+','+err.statusText);

});

},

}

});

}

发送AJAX请求

GET方式发送AJAX请求