AJAX 表单序列化

###文件表单

html:

<form id="uploadForm" enctype="multipart/form-data" style="margin-left: 550px;margin-top: 150px;">

账户:<input type="text" name="username" id="username"><br>

密码:<input type="text" name="password" id="password"><br>

电话:<input type="text" name="phone" id="phone"> <br>

地址:<input type="text" name="address" id="address"><br>

图片:<input type="file" name="file" id="file"/><br>

姓名:<input type="text" name="wname" id="wname"><br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" value="1" checked name="hobby" />成为用户<br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" value="2" checked name="hobby" />成为商户<br>

<input type="button" onclick="register()" value="提交" style="margin-left: 34px;width:149px;height:66px;">

</form>

js:

</script>

function register(){

var formData = new FormData($("#uploadForm")[0]);

$.ajax({

url: '<%=basePath%>insert.do' ,

type: 'POST',

data: formData,

async: false,

cache: false,

contentType: false,

processData: false,

success: function (returndata) {

alert("wwww");

},

error: function (returndata) {

alert("ssss");

}

});

}

</script>

###正常表单

<script type="text/javascript">

function login(){

var name=$("#user").val();

var password=$("#pwd").val();

$.ajax({

type: "POST",

url:'<%=basePath%>login.do',

data:$('#user').serialize(), // 表单序列化

success : function(result) {

if(result == "success_1")

window.location.href="Authorization_page/user.jsp";

if(result == "success_2")

window.location.href="Authorization_page/commercial_tenant.jsp";

if(result == "success_3")

window.location.href="Authorization_page/Administrators.jsp";

if(result == "error")

alert("用户名密码不正确!");

},

error : function(error){

}

});

}

</script>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏高性能服务器开发

windows完成端口(六)

系列目录 windows完成端口(一) windows完成端口(二) windows完成端口(三) windows完成端口(四) windows完成端口(五) ...

3164
来自专栏JAVA后端开发

修复shiro重定向引起的Response for preflight is invalid (redirect)的网络报错问题

最近集成shiro到项目中,遇到该一个报复Response for preflight is invalid (redirect)的问题。

3.9K2
来自专栏JavaEdge

Spring Security 实战 - Remember me

AbstractAuthenticationProcessingFilter#successfulAuthentication

1234
来自专栏iOS122-移动混合开发研究院

写给iOS小白的MVVM教程(一): 从MVC到MVVM之一个典型的MVC应用场景

前言 本着实践为主的原则,此系列文章不做过多的概念性的阐述和讨论;更多的代码和篇幅用来展示MVC和MVVC下的基础代码结构与具体实现,来展示各自优劣.这篇文章,...

2877
来自专栏Android知识点总结

SpringBoot-12-之Ajax跨域访问全解析

2522
来自专栏Android源码框架分析

Android权限管理原理(4.3-6.x)

Android系统在MarshMallow之前,权限都是在安装的时候授予的,虽然在4.3时,Google就试图在源码里面引入AppOpsManager来达到动态...

2447
来自专栏乐沙弥的世界

使用 ASMCMD 工具管理ASM目录及文件

在ASM实例中,所有的存储于ASM磁盘组中的文件对于操作系统命令而言是不可访问的,因此也无法使用常规的命令来操纵ASM磁盘中的文

792
来自专栏微服务那些事儿

Jwt服务间认证

新进部门项目的小伙伴经常会问一些关于Jwt权限认证的问题,结合项目架构以及网络资料,分享一些关于我们系统对Jwt的使用情况

9034
来自专栏乐沙弥的世界

Oracle 基于用户管理的不完全恢复

    Oracle 数据恢复从恢复类型来说,抛开具体的文件,总共可分为两大类型的恢复,一是完全恢复,一个是不完全恢复。其实,熟悉了Oracle 体系结构之后,...

815
来自专栏hrscy

iOS百度地图问题总结(三)

如果想创建以静态图片作为大头针图片的话,可以通过创建MKAnnotationView是实例。如果想使用apple自带的大头针则创建MKPinAnnotation...

1282

扫码关注云+社区