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表单中加入富文本编辑器???并传递数据到后台进行保存