axios提交表单post

axios提交表单post的方式是通过设置`method`为`post`，`url`为请求地址，`data`为要提交的表单数据。在`data`中定义一个空的集合，然后使用`v-model`进行赋值。例如：

axios({
  method: "post",
  url: "http://localhost:8080/AddServlet_vue",
  data: that.brand
}).then(function (response) {
  alert(response.data);
  if (response.data == "success"){
    location.href = "http://localhost:8080/brand_vue.html"
  } else {
    alert("error")
  }
}, function (err) {
  console.log(err);
})

这段代码使用了axios库来发送POST请求，将表单数据`that.brand`作为`data`参数传递给请求。在响应中，通过判断`response.data`的值来确定响应是否成功。\[2\]

在服务器端，可以使用PHP来处理这个POST请求。可以通过`file_get_contents('php://input')`来获取POST请求的内容，然后进行相应的处理。例如：

<?php
header("Access-Control-Allow-Origin:*");
$form = file_get_contents('php://input');
exit($form);

这段PHP代码设置了跨域请求的头部，然后通过`file_get_contents('php://input')`获取POST请求的内容，并进行相应的处理。\[3\]
#### 引用[.reference_title]
- *1* [axios表单形式提交数据 axios post data by form type](https://blog.csdn.net/Holy_Q/article/details/130309379)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [利用axios和vue进行post表单提交](https://blog.csdn.net/weixin_44239550/article/details/128381634)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [Vue使用axios提交表单数据](https://blog.csdn.net/kevlin_V/article/details/117393198)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]