this.axios.post
时间: 2023-08-24 21:09:45 浏览: 143
C知道: axios.post是一个用于发送HTTP POST请求的方法。它是通过axios库来实现的。通常,你需要提供一个URL作为第一个参数,以及可选的数据作为第二个参数。这个方法会返回一个Promise对象,你可以通过then和catch方法来处理请求的结果或错误。你可以向我提问关于axios.post的更多问题,我会尽力回答。
相关问题
console.log(this.selectedtype) this.loading=true; let data={keyWord:this.keyWord,type:this.selectedtype=="全部"?-1:this.selectedtype}; this.axios.post("book/getBooks",this.qs.stringify(data)).then((res)=>{ this.bookList=res.data.data; this.loading=false; }).catch(()=>{ this.$message({ message:"网络异常", type:"error", }); this.loading=false; })
这段代码是一个 `Vue` 组件中的方法,包含了以下步骤:
- 使用 `console.log` 方法输出 `this.selectedtype` 的值。
- 将 `loading` 属性设置为 `true`,表示正在加载数据。
- 定义一个名为 `data` 的对象,包含了 `keyWord` 和 `type` 两个属性,分别对应搜索关键字和书籍类型。其中 `type` 属性根据 `selectedtype` 的值来确定。如果 `selectedtype` 等于 `"全部"`,则将 `type` 设置为 `-1`,否则将 `type` 设置为 `selectedtype` 的值。
- 使用 `axios` 库向服务器发送一个 `POST` 请求,请求地址为 `"book/getBooks"`,请求参数为 `data` 对象。请求成功后,将服务器返回的书籍列表数据赋值给 `bookList` 属性,并将 `loading` 属性设置为 `false`,表示数据加载完成。如果请求失败,则显示一个错误提示框,提示用户网络异常,并将 `loading` 属性设置为 `false`。
this.$refs[formName].validate((valid) => { if (valid) { let url ='http://localhost:8080/v1/users/login'; console.log('url='+url); this.axios.post(url,this.ruleForm).then((response)=>{ let jsonResult = response.data; if (jsonResult.code==1){ this.$message({ message: '登陆成功', type: 'success' }); }else { this.$message.error(jsonResult.msg); } }) } else { console.log('error submit!!'); return false; }
这段代码是关于前端表单验证和登录请求的。首先,使用了element-ui提供的表单验证方法:this.$refs[formName].validate((valid) => {}),当表单验证通过时会执行其中的代码。然后,发送了一个POST请求到本地的8080端口上的/v1/users/login接口,携带了表单数据this.ruleForm。接口返回的数据被解析成json格式,如果返回的code为1,则显示登录成功的消息,否则弹出错误信息。若表单验证不通过,则返回false。
阅读全文