post提交表单数据，访问服务器中的数据，提交内容有两个数组

最新推荐文章于 2024-09-04 23:36:26 发布

原创最新推荐文章于 2024-09-04 23:36:26 发布 · 539 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#post提交表单数据，访问服务器中的数据，提交内容有两个数组

网络访问数据专栏收录该内容

6 篇文章

订阅专栏

本文深入探讨了HTML模板代码的设计与实现，详细介绍了增删改控件的具体应用，包括病因输入、严重等级评估、知识编码设定等。通过具体示例，展示了如何使用JavaScript进行数据收集与处理，并通过Ajax技术向服务器发送数据，实现前后端交互。文章重点在于讲解如何利用前端技术解决实际问题，适合前端开发者及初学者阅读。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

template代码

<!--增删改控件-->
<div class="add_item" v-show="flag">
  <form action="#" method="" id="form1" name="form1">
    <p>病因：<input type="text" name="" id="bingYin"></p>
    <p>严重等级：<input type="text" name="" id="yanZhongDengJi"></p>
    <p>知识编码：<input type="text" name="" id="zhiShiBianMa"></p>
    <p>可能诱发的病因：<input type="text" name="" id="youFaBingYin"></p>
    <p>知识详解：<input type="text" name="" id="zhiShiXiangJie"></p>
    <p>医生建议：<input type="text" name="" data-type="1" id="yisheng"></p>
    <p>养生建议：<input type="text" name="" data-type="0" id="yangsheng"></p>
    <p><input type="submit" value="提交" @click="submit_add_content()"></p>
  </form>
</div>

script代码

import '../assets/js/jquery-1.7.min.js'
import '../assets/js/jquery-form.js'

methods: {
submit_add_content: function () {
  var advive=[]
  var type=$('#yisheng').attr('data-type')
  var newitem={
      genre:type,
    advice:$('#yisheng').val()

  }
  var type1=$('#yangsheng').attr('data-type')
  var newitema={
    genre:type1,
    advice:$('#yangsheng').val()
  }
  advive.push(newitem)
  advive.push(newitema)
  console.log(advive)
  var induce=[]
  var induceitem={
    induce: $('#youFaBingYin').val(),
    knowbase: $('#zhiShiXiangJie').val()
  }
  induce.push(induceitem)

  $.ajax({
    url: 'http://192.168.43.203:8080/LAB/config/addGuess.do',
    type: 'post',
    data: {
      seer:$('#bingYin').val(),
      type: $('#yanZhongDengJi').val(),
      knowCode: $('#zhiShiBianMa').val(),
      induce:induce,
      advive:advive,
      sex:this.sex,
      age:this.age
    },
    success: function (data) {
      alert('添加成功！')
      console.log(data)
    }
  })
  this.flag = false;
}
}

数据库数据字段：induce是一个元素的数组，advice是有两个元素的数组