onSubmit() { if (!this.ruleForm.ask) { layer.msg('请输入内容', { time: 2000, icon: 5 }); return } layui.http.requestJson('chat/add', 'post', { userid: localStorage.getItem('userid'), ask: this.ruleForm.ask }, (res) => { this.getList();1 }); this.ruleForm.ask=""; }
时间: 2024-02-26 08:51:50 浏览: 96
这是一个前端Vue.js框架的方法,用于提交表单数据。在方法中,首先通过判断this.ruleForm.ask是否存在来确定表单中是否填写内容,如果没有填写则会弹出提示框。接着,使用layui.http.requestJson方法向后端发送一个POST请求,请求的路径为'chat/add',请求的参数包括userid和ask,其中userid是从本地存储localStorage中获取的。请求成功后,调用this.getList()方法来更新列表数据。最后,重置表单中的ask字段为"",以便用户下一次填写表单。
相关问题
onSubmit() { if (!this.ruleForm.chatIssue) { layer.msg('请输入内容', { time: 2000, icon: 5 }); return } layui.http.requestJson('chat/add', 'post', { yonghuId: localStorage.getItem('userid'), chatIssue: this.ruleForm.chatIssue, chatTypes: 1, zhuangtaiTypes: 1, issueTime: getCurDateTime(), }, (res) => { this.getList(); }); this.ruleForm.chatIssue=""; }解释
这是一段 JavaScript 代码,主要功能是在用户提交表单时,将表单数据发送给服务器,然后通过回调函数处理服务器返回的数据。具体来说,该代码中的 `onSubmit()` 函数首先检查用户是否输入了内容,如果没有则弹出提示框并返回;否则,使用 `layui.http.requestJson()` 方法向服务器发送 POST 请求,请求的 URL 为 `'chat/add'`,请求参数包括用户 ID、聊天内容、聊天类型、状态类型和时间等信息。请求成功后,调用 `getList()` 函数更新列表,最后将输入框清空。
created() { //this.bg(); let type = this.$route.query.type ? this.$route.query.type : ''; this.init(type); this.baseUrl = this.$config.baseUrl; }, methods: { getMakeZero(s) { return s < 10 ? '0' + s : s; }, // 下载 download(file){ window.open(`${file}`) }, // 初始化 init(type) { this.type = type; if(type=='cross'){ var obj = JSON.parse(localStorage.getItem('crossObj')); for (var o in obj){ if(o=='shiciming'){ this.ruleForm.shiciming = obj[o]; this.ro.shiciming = true; continue; } if(o=='fengmian'){ this.ruleForm.fengmian = obj[o].split(",")[0]; this.ro.fengmian = true; continue; } if(o=='shici'){ this.ruleForm.shici = obj[o]; this.ro.shici = true; continue; } if(o=='jiexi'){ this.ruleForm.jiexi = obj[o]; this.ro.jiexi = true; continue; } } } // 获取用户信息 this.$http.get(this.userTableName + '/session', {emulateJSON: true}).then(res => { if (res.data.code == 0) { var json = res.data.data; } }); }, // 多级联动参数 // 多级联动参数 info(id) { this.$http.get('jinrishici/detail/${id}', {emulateJSON: true}).then(res => { if (res.data.code == 0) { this.ruleForm = res.data.data; } }); }, // 提交 onSubmit() {
这段代码是一个 Vue.js 组件中的方法,其中包含了一些常见的 Vue.js 方法,例如 `created()` 和 `methods`。在 `created()` 钩子函数中,通过读取路由参数来初始化组件,并设置了一个 `baseUrl` 变量。在 `methods` 对象中定义了一些方法,例如 `getMakeZero()` 用于将数字转换为两位数,`download()` 用于下载文件,`init()` 用于初始化组件,`info()` 用于获取多级联动参数,`onSubmit()` 则用于提交表单。这段代码中还使用了 `this.$http` 来进行网络请求,其中 `get()` 方法用于发送 GET 请求。
阅读全文