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 条评论
登录 后参与评论

相关文章

来自专栏FreeBuf

如何逆向破解HawkEye keylogger键盘记录器,进入攻击者邮箱?

这一切要从一次恶意邮件攻击活动开始。下图为我们最近监测到的一个以恶意文件为发送附件的邮件攻击,请注意邮件信息中的英语写作水平是多么差劲,其实,这也是恶意邮件的一...

1838
来自专栏liulun

基于.net开发chrome核心浏览器【六】

写在前面: 距离发这个系列的上一篇文章已经过去两个多月了 因为工作上不涉及这一部分的内容,兼且琐事缠身,一直无力动笔写这个系列的第六篇文章 然而,有很多朋友都关...

18310
来自专栏我杨某人的青春满是悔恨

RxSwift 与 BLE 实战——VisualBlue

最近发生了挺多事,也没什么时间更新博客,心中颇有点负疚感。今天就介绍一下前段时间写的一个 demo,主要功能是扫描附近的蓝牙设备,显示相关信息,点击后可以连接设...

602
来自专栏安恒信息

当心,Kaskitya木马伪装成“京卡-互助服务卡”欺骗用户!

最近,我们关注到一起APT攻击事件,攻击者通过钓鱼邮件的方式投递含有恶意代码的附件,此附件包含一个名叫“Kaskitya”的木马。

822
来自专栏安恒信息

Spring Framework 5月多个安全漏洞预警

2018年5月9日,Pivotal发布了Spring Framework存在多个安全漏洞的公告:

1012
来自专栏视频咖

撤回了一条消息,60%因为慌乱……

? ? 健身瑜伽跑步机 IT中年硬标配 健身,不求身体健康 而是为了更好的工作 手动感慨2分钟后 小编撤回了keep的3公里跑步截图 虽是动动手指撤回...

1196
来自专栏FreeBuf

如何用kwetza给安卓应用加后门

*本文仅供安全学习、测试或信息安全教学用途,禁止非法使用 简介 这篇文章将会描述一种在Android可执行文件中种后门的方法。在接下来的动手操作部分,我将使用到...

2369
来自专栏iOS Developer

Mac OS开发系列之NSImageView

1234
来自专栏木头编程 - moTzxx

ThinkPHP5 整合微信扫码支付

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011415782/article/de...

1603
来自专栏芋道源码1024

Dubbo 源码解析 —— 集群容错架构设计

前言 本来是想把整个dubbo源码解析一次性弄完,再做成一个系列来发布的,但是正巧最近有位好朋友要去杭州面试,就和我交流了一下.本着对dubbo源码略有心得的心...

2817

扫码关注云+社区