form.on('submit(*)', function(data) { data = data.field; data.userid = localStorage.getItem('userid') data.username = localStorage.getItem('adminName') var sensitiveWords = ""; var sensitiveWordsArr = []; if(sensitiveWords) { sensitiveWordsArr = sensitiveWords.split(","); } for(var i=0; i<sensitiveWordsArr.length; i++){ //全局替换 var reg = new RegExp(sensitiveWordsArr[i],"g"); //判断内容中是否包括敏感词 if (data.content.indexOf(sensitiveWordsArr[i]) > -1) { // 将敏感词替换为 ** data.content = data.content.replace(reg,"**"); } } http.requestJson('messages/add', 'post', data, function(res) { layer.msg('留言成功', { time: 2000, icon: 6 }, function() { window.location.reload(); }); return false }); return false });
时间: 2024-01-10 20:02:19 浏览: 62
这段代码是一个前端页面的表单提交处理逻辑。其中使用了layui框架的form组件监听了表单的提交事件,并通过一个回调函数处理表单的提交逻辑。在表单提交时,会首先获取表单中的数据,并且在其中加入了当前用户的一些信息,比如用户ID和用户名。然后会检查敏感词汇,并进行替换,以保护用户提交的内容。最后通过发送一个名为'messages/add'的post请求,将数据提交到服务器。如果提交成功,会提示用户留言成功,并刷新页面。如果提交失败,会提示用户请求接口异常。函数的返回值为false,表示防止表单的默认提交行为。
相关问题
getDiscussList(page) { this.$http.get('discussjinrishici/list', {params: {page, limit: this.pageSize, refid: this.detail.id}}).then(res => { if (res.data.code == 0) { this.infoList = res.data.data.list; this.total = res.data.data.total; this.pageSize = res.data.data.pageSize;this.pageSizes = [this.pageSize, this.pageSize*2, this.pageSize*3, this.pageSize*5]; this.totalPage = res.data.data.totalPage; } }); }, submitForm(formName) { let sensitiveWords = ""; let sensitiveWordsArr = []; if(sensitiveWords) { sensitiveWordsArr = sensitiveWords.split(","); } for(var i=0; i<sensitiveWordsArr.length; i++){ //全局替换 var reg = new RegExp(sensitiveWordsArr[i],"g"); //判断内容中是否包括敏感词 if (this.form.content.indexOf(sensitiveWordsArr[i]) > -1) { // 将敏感词替换为 ** this.form.content = this.form.content.replace(reg,"**"); } } this.$refs[formName].validate((valid) => { if (valid) { this.form.refid = this.detail.id; this.form.avatarurl = localStorage.getItem('headportrait')?localStorage.getItem('headportrait'):''; this.$http.post('discussjinrishici/add', this.form).then(res => { if (res.data.code == 0) { this.form.content = ''; this.getDiscussList(1); this.$message({ type: 'success', message: '评论成功!', duration: 1500, }); } }); } else { return false; } }); }, resetForm(formName) { this.$refs[formName].resetFields(); }, }, components: { CountDown } } </script>
这是一个Vue.js组件,包含了获取评论列表、提交评论表单、重置表单等功能。在获取评论列表时,通过发送GET请求获取指定页数的评论列表,并将数据赋值给组件的infoList、total、pageSize、totalPage等变量。在提交评论表单时,先检测评论内容中是否包含敏感词汇,如果有则将敏感词替换为**,然后通过POST请求将评论数据提交至服务器,并在返回结果为成功时,清空评论内容并重新获取评论列表。组件还包含了一个名为CountDown的子组件。
//请求异常回调 error: function() { layer.closeAll(); layer.msg("请求接口异常", { time: 2000, icon: 5 }) } }); // 提交数据 form.on('submit(*)', function(data) { data = data.field; data.userid = localStorage.getItem('userid') data.username = localStorage.getItem('adminName') var sensitiveWords = ""; var sensitiveWordsArr = []; if(sensitiveWords) { sensitiveWordsArr = sensitiveWords.split(","); } for(var i=0; i<sensitiveWordsArr.length; i++){ //全局替换 var reg = new RegExp(sensitiveWordsArr[i],"g"); //判断内容中是否包括敏感词 if (data.content.indexOf(sensitiveWordsArr[i]) > -1) { // 将敏感词替换为 ** data.content = data.content.replace(reg,"**"); } } http.requestJson('messages/add', 'post', data, function(res) { layer.msg('留言成功', { time: 2000, icon: 6 }, function() { window.location.reload(); }); return false }); return false });
这段代码看起来像是一个前端页面的请求处理逻辑。其中使用了layui框架的form组件实现了表单的提交逻辑。在表单提交时,会先获取表单中的数据,并且在其中加入了当前用户的一些信息。然后会检查敏感词汇,并进行替换,以保护用户提交的内容。最后通过发送一个名为'messages/add'的post请求,将数据提交到服务器。如果提交成功,会提示用户留言成功,并刷新页面。如果提交失败,会提示用户请求接口异常。
阅读全文