专栏首页问天丶天问AJAX 表单序列化

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

相关文章

  • Jquery使用echarts饼图

    问天丶天问
  • k8s镜像中心私有项目没法pull问题解决办法

    问天丶天问
  • Tomcat 远程调试端口开放以及详细堆栈信息

    问天丶天问
  • 不作死就不会死 微软固若金汤的生态链体系正在瓦解

    提起微软曾经PC时代的霸主和王者,并且在全球各地都有一批死党和追随者,形成了全球独一无二的生态链体系,当时就有业内专家认为谁都无法击败微软,而打败他的只有自已,...

    人称T客
  • ERROR | [iOS] unknown: Encountered an unknown error (Could not find a `ios` simulator (valid values:

    os:Mac os Mojave10.14.4 Cocospod:1.6.0beta

    ZY_FlyWay
  • 60个DevOps开源工具,你在用哪些?

    你喜欢免费的东西吗?获得开发者社区支持的自动化,开源的工具是大家梦寐以求的。这里列举了 60 多款最棒的开源工具,可以帮助你很好的实行 DevOps。

    马哥linux运维
  • R语言绘制中国地图,并展示流行病学数据

    本文作者:姜晓东,博士毕业于上海交通大学,目前任教于湖南师范大学医学院,专业神经毒理学。 流行病学的数据讲究“三间分布”,即人群分布、时间分布和空间分布。其中...

    机器学习AI算法工程
  • 60个DevOps开源工具,你在用哪些?

    你喜欢免费的东西吗?获得开发者社区支持的自动化,开源的工具是大家梦寐以求的。这里列举了 60 多款最棒的开源工具,可以帮助你很好的实行 DevOps。

    小小科
  • 【完整案例】如何用R实现空间数据可视化

    image.png 流行病学的数据讲究“三间分布”,即人群分布、时间分布和空间分布。其中的“空间分布”最好是在地图上展示,才比较清楚。R软件集统计分析与高级...

    小莹莹
  • 60个DevOps开源工具,你在用哪些?

    运维行业正在变革,推荐阅读:30万年薪Linux运维工程师成长魔法 你喜欢免费的东西吗?获得开发者社区支持的自动化,开源的工具是大家梦寐以求的。这里列举了 60...

    小小科

扫码关注云+社区

领取腾讯云代金券