待提交的表单

 <form id="updatePublicKey" enctype="multipart/form-data">
<div class="left">
<ul>
<li>
<div class="label">邮箱</div>
<div class="ui corner labeled disabled input">
<input type="text" disabled="disabled" value="${user.email}" placeholder="Required Field" />
</div>
</li>
<li>
<div class="label">用户名</div>
<div class="ui corner labeled disabled input">
<input type="text" disabled="disabled" value="${user.username}" placeholder="Required Field" />
</div>
</li>
<li>
<div class="label">
<span>*</span>Sudo密码</div>
<div class="ui corner labeled input">
<input type="password" iplaceholder="" id="password" name="password" />
</div>
<p class="italic inputdescription">需包含字母、数字、符号,八位及以上。
<br />Sudo密码在设备上切换到管理员用户时将使用。</p>
<p class="red" id="sudoNo" style="display: none;">密码不符合规则</p>
</li>
<li>
<div class="label">
<span>*</span>Sudo密码确认</div>
<div class="ui corner labeled input">
<input type="password" placeholder="" id="passwordconfirm" name="passwordconfirm" />
</div>
<p class="red" id="twiceNo" style="display: none;">两次密码输入不一致</p>
</li>
</ul>
</div>
<input id="submit" type="button" class="ui teal button uploadsubmit" value="提交" style="border:0;"/>
</form>

ajax提交Form表单

$("#submit").click(function(){
var $form = $("#updatePublicKey");
var formData = new FormData($form[0]);
formData.append("userName", userName);//添加参数数据
$.ajax({
url: updatekey_url,
data:formData,
type: 'POST',
cache: false,
contentType: false,
processData: false,
xhr: function() {
myXhr = $.ajaxSettings.xhr();
return myXhr;
},
success: function(json) {
//
if (json.status == 0) {
location.href = publickey_index_url;
} else {
alert(json.msg);
} }
});
});

Ajax提交Form表单的一种方法的更多相关文章

  1. 使用js提交form表单的两种方法

    提交form表单的时候瑶族一些简单的验证,验证完后才能提交,避免无效提交. 1.当输入用户名和密码为空的时候,需要判断.这时候就用到了校验用户名和密码,这个需要在前端页面写:有两种方法,一种是用sub ...

  2. jquery中ajax序列化提交form表单的几种方法。

    一,ajax主流的方法 $.ajax({ type: 'post', url: 'your url', data: $("form").serialize(), success: ...

  3. ajax提交form表单资料详细汇总

    一.ajax提交form表单和不同的form表单的提交主要区别在于,ajax提交表单是异步提交的,而普通的是同步提交的表单.通过在后台与服务器进行少量数据交换,ajax 可以使网页实现异步更新.这意味 ...

  4. 使用ajax提交form表单,包括ajax文件上传 转http://www.cnblogs.com/zhuxiaojie/p/4783939.html

    使用ajax提交form表单,包括ajax文件上传 前言 使用ajax请求数据,很多人都会,比如说: $.post(path,{data:data},function(data){ ... },&qu ...

  5. ajax提交form表单

    1. ajax提交form表单和不同的form表单的提交主要区别在于,ajax提交表单是异步提交的,而普通的是同步提交的表单. 2. from视图部分 <form id="loginF ...

  6. jquery实现ajax提交form表单的方法总结

    本篇文章主要是对jquery实现ajax提交form表单的方法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 方法一:  function AddHandlingFeeToRefund( ...

  7. jquery的ajax提交form表单方式总结

    方法一: function AddHandlingFeeToRefund() { var AjaxURL= "../OrderManagement/AjaxModifyOrderServic ...

  8. ajax提交form表单问题

    form表单提交数据可以省下大量大量获取元素的代码,局部刷新时也可以用ajax提交form表单,但是要先把表单序列化,再把后台javaBean对象序列化,但是你有可能前后台都执行了系列化,但是后台还是 ...

  9. Ajax提交form表单内容和文件(jQuery.form.js)

    jQuery官网是这样介绍form.js A simple way to AJAX-ify any form on your page; with file upload and progress s ...

随机推荐

  1. 第一安装oracle数据库后,需要创建一个用户,给用户解锁并赋予权限

    1.第一次安装oracle数据库应该做的事情. 注: 1.安装oracle后需要创建用户,连接数据库,(注意数据库名,还有好像后面的 ":"也有影响) 2.解锁用户, 3.授予新登 ...

  2. 【java API基本实现】LinkedList

    LinkedList: package com.tn.arraylist; public class LinkedList { Node head=null; Node tail=null; int ...

  3. Mac 终端—不同文件不同颜色显示,提示文字

    原文地址 修改Mac终端(Terminal)里不同类型文件的显示颜色 修改Mac终端(Terminal)的提示文字 Mac终端显示/隐藏文件命令 1. 修改Mac终端(Terminal)里不同类型文件 ...

  4. Linux中dos2unix批量转换

    有时候遇到多层目录下的文件格式需要转换,dos2unix 没有-r之类的递归指令,所以需要与find还有管道结合. find -type f | xargs dos2unix -o

  5. 使用Libmicrohttpd搭建内嵌(本地)服务器

    Libmicrohttpd简介 GNU Libmicrohttpd是一个用来在项目中内嵌http服务器的C语言库,它具有以下几个非常鲜明的特点: C语言库,小而快. API非常简单,且都是可重入的. ...

  6. 尝试在条件“$(_DeviceSdkVersion) >= 21”中对计算结果为“”而不是数字的“$(_DeviceSdkVersion)

    晚上搞xamarin ,运行xamarin项目好好的,不知道怎么回事,一次运行xamarin android项目的时候,部署失败,以前也是遇到这样的错误. 尝试在条件"$(_DeviceSd ...

  7. open-falcon(v0.2)部署手册(源码编译)

    今天安装falcon-plus,下面为用基础环境配置. centos 6.8  alisql5.6.32   redis-3.2.8 cmake-3.9.1 bison-3.0 openssl-1.0 ...

  8. 5.Nginx作为web缓存服务器

    Nginx作为web缓存服务器 从0.7.48版本开始,Nginx支持类似Squid的缓存功能.Nginx的web缓存服务主要由proxy_cache相关命令集合fastcgi_cache相关命令集构 ...

  9. Office 365也是.NET Core应用开发新战场

    最近有幸阅读了陈希章花了一年时间为国内开发者贡献的<Office 365 开发入门指南>. 虽然早期接触过SharePoint的开发,2007年之后就再也没有接触SharePoint的开发 ...

  10. Lucene.net(4.8.0) 学习问题记录二: 分词器Analyzer中的TokenStream和AttributeSource

    前言:目前自己在做使用Lucene.net和PanGu分词实现全文检索的工作,不过自己是把别人做好的项目进行迁移.因为项目整体要迁移到ASP.NET Core 2.0版本,而Lucene使用的版本是3 ...