axios怎么模拟form表单提交,怎么传递FormData对象

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了axios怎么模拟form表单提交,怎么传递FormData对象相关的知识,希望对你有一定的参考价值。

参考技术A 不了解axios,但思路是这样的,在data属性中添加form的序列化结果。

data: $('form').serialize()
用jquery举例:

$(function ()

$('form').on('submit', function (e)

e.preventDefault();

$.ajax(
type: 'post',
url: '/caiyongji/is/DiaoSi',
data: $('form').serialize(),
success: function ()
alert('form was submitted');

);

);

);
或者

var formData = new FormData();
formData.append('file', $('#file')[0].files[0]);本回答被提问者采纳

form表单提交后,后台怎么处理数据

1、首先创建一个名称为 formphp的html文件 。

2、然后创建一form表单设置表单的name和action地址。

3、接着添加两个输入框分别设置name,一个数用户名,一个是性别输入框。

4、然后加入一个submit类型的输入框,再新建一个接受form表单数据的php文件act。

5、在act文件中加入接收提交数据的代码,并分别打印出代码。

6、最后在浏览器中打开文件,点击button查看效果,就完成了。

参考技术A java中使用request.getParameter("参数名")方法来获取form表单传过来的数据。
具体代码如下:
jsp代码:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Demo</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
</head>
<body>
<form action="demoServlet" method="post">
<table>
<tr>
<td>
<input type="text" name="name" id="name"/>
</td>
</tr>
<tr>
<td>
<input type="submit" value="提交"/>
</td>
</tr>
</table>
</form>
</body>
</html>

Servlet代码:
public class DemoServlet extends HttpServlet
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException
String name = request.getParameter("name");
System.out.println(name);

public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException
doGet(request, response);


其中DemoServlet是一个继承了HttpServlet类的Servlet类,当表单提交(点击提交按钮)时,回去调用这个类的doPost()方法,执行对应的代码,通过request.getParameter("name")来获取表单的值。

以上是关于axios怎么模拟form表单提交,怎么传递FormData对象的主要内容,如果未能解决你的问题,请参考以下文章

form表单传递数组到后台之后,后台怎么提取这个数组里面的值进行判断?

怎么在jsp页面的form表单中加入富文本编辑器???并传递数据到后台进行保存

怎样从一个form传递数据到另一个form

在JSP页面通过form表单传递5个模糊查询的条件 如何 在底层 写模糊查询 方法

form中action属性后面传递参数怎么获取不到?

Linux curl 模拟form表单提交信息和文件