vue.js - 如何使用 VueJS 中的 API 将数据表单作为 JSON 发布
问题描述
我使用来自 API 的 GET 创建了一个表单。创建该表单后,我想将表单数据发布回 API,编码为 JSON。我怎么做?
我有这个简单的文本字段:
<template v-if="questions.question_type == 1">
<div class="title-1"><b>{{questions.question_title}} -</b> {{questions.question_desc}}
</div>
<v-text-field required :v-model="questions.question_tag" color="green darken-1" clearable></v-text-field>
</template>
如何验证和发布数据?
解决方案
因为我不知道你用什么来调用你的 API,所以我假设你正在使用 Axios。
最简单的方法是创建一个方法,然后在该方法中创建一个 POST。
data() {
return {
questions: {
question_tag: "" // Your value in your v-text-field
}
}
},
methods: {
sendData() {
axios.post('https://yourServer/your/api/endpoint', {
questionTags: this.questions.question_tag
})
.then(response => {
console.log(response);
})
.catch(error => {
console.log(error);
});
}
}
要处理验证,我们需要有关您要验证的内容的更多信息。空文本框?只有特定的输入,例如数字?检查最大字符数?
推荐阅读
- python - 图像处理中的内存管理
- matlab - 朴素的高斯消除 Matlab 问题
- amazon-web-services - 销毁 AWS-CDK 中的堆栈时不要删除现有资源
- ios - 每次重新打开浏览器时都忘记了 Django 会话 cookie - 移动 Safari(iphone、ipad)
- java - Spring Boot:创建自定义 Jsp 标记 - 无法找到 taglib
- html - 如何修复我的 GitHub Pages 站点上的 Sass?
- gitlab - gitlab 的标准安装产生 404
- deep-linking - 如何在pdf文档中创建一个非常深的链接
- haskell - c 头文件更改后 Cabal 不重建项目
- android - React Native Android:如何检查项目是否使用来自 Homebrew 或 gradle-wrapper.properties 的 Gradle 版本?