使用vue向数据库添加数据

最新推荐文章于 2024-09-10 17:12:35 发布

甜甜孤立无援

最新推荐文章于 2024-09-10 17:12:35 发布

阅读量3.8k

点赞数 1

文章标签： big data vue.js ajax

本文链接：https://blog.csdn.net/weixin_45750514/article/details/120408336

版权

本文详细介绍了如何利用Vue.js前端框架，结合Ajax技术向后台数据库添加数据的步骤和方法，包括创建表单组件、处理用户输入、发送HTTP请求以及错误处理等关键点。

摘要由CSDN通过智能技术生成

<%--
  Created by IntelliJ IDEA.
  User: 林甜甜
  Date: 2021/9/14
  Time: 16:22
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>新增业务</title>
    <script src="res/js/layui-v2.5.6/layui/layui.js"></script>
    <link rel="stylesheet" href="res/js/layui-v2.5.6/layui/css/layui.css">
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="//cdn.bootcss.com/vue/2.5.2/vue.min.js"></script>
    <script src="//cdn.bootcss.com/vue-router/3.0.1/vue-router.min.js"></script>
    <script src="//cdn.bootcss.com/vuex/3.0.1/vuex.min.js"></script>
    <script src="//cdn.bootcss.com/axios/0.17.1/axios.min.js"></script>
</head>
<body>
    <div id="app">
        <h1>新增业务</h1>
        <%--@submit.pervent="onSubmit" 禁止提交--%>
        <%--<form action="" method="" @submit.pervent="onSubmit" id="myForm">--%>
        <form action="" method="" @submit="onSubmit" id="myForm">
            业务类型ÿ