asp.net使用axios提交表单

首先，你需要在前端页面引入axios库，可以通过以下方式引入：

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

接着，在前端页面中定义一个表单，例如：

<form id="my-form">
  <label for="name">Name:</label>
  <input type="text" id="name" name="name"><br><br>
  <label for="email">Email:</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="Submit">
</form>

然后，在JavaScript代码中监听表单的提交事件，并使用axios库发送POST请求，将表单数据提交到后端。例如：

const form = document.getElementById('my-form');
form.addEventListener('submit', (event) => {
  event.preventDefault(); // 阻止表单默认提交行为

  const formData = new FormData(form); // 获取表单数据

  axios.post('/api/submit-form', formData)
    .then((response) => {
      console.log(response);
      // 处理后端返回结果
    })
    .catch((error) => {
      console.error(error);
      // 处理请求错误
    });
});

在这个例子中，我们使用axios库的post方法发送POST请求，将表单数据作为请求体发送到后端的`/api/submit-form`路由。注意，在表单提交事件处理函数中，我们使用了`event.preventDefault()`方法阻止了表单的默认提交行为，这是因为我们通过ajax方式提交表单数据，不需要浏览器进行页面跳转。