Vue中Axios请求数据的方法Get、Post、that的用法
// 携带参数的get方法请求。$(".getcanshu").click(function(){let num = $(".xiaohuainput").val();if(num == "" || num == null || num == NaN){alert("请输入要查询的条数")}else{console.log(typeof(num))axios..
·
// 携带参数的get方法请求。
$(".getcanshu").click(function(){
let num = $(".xiaohuainput").val();
if(num == "" || num == null || num == NaN){
alert("请输入要查询的条数")
}else{
console.log(typeof(num))
axios.get("https://xxxxx/api/joke/list",{
params:{
num : num
}
})
.then(function (response) {
console.log(response);
},function(err){
console.log(err);
})
}
})
$(".post").click(function(){
axios.post("https://xxxxx/api/user/reg",{username:"要查询的参数值"})
.then(function(response){
console.log(response);
console.log(this.skill);
},function (err) {
console.log(err);
})
})
<div id="app">
<input type="button" value="按钮AAA" @click="getText">
<p> {{ descText }}</p>
</div>
var app = new Vue({
el:"#app",
data:{
descText :"哈哈哈"
},
methods: {
getText:function(){
var that = this;
axios.get("https://xxxxx/api/descText").then(function(response){
that.descText = response.data;
},function (err) {
console.log(err)
})
}
},
})
更多推荐
已为社区贡献1条内容
所有评论(0)