jq利用ajax异步提交所有表单数据,并且回调的教程

jq利用ajax异步提交所有表单数据,并且回调


$("button").click(function(){

var data = new FormData($('#biaodan')[0]);   //获取表单所有数据

$.ajax({  
       url: '__CONTROLLER__/saveOrg',   .//ajax 大家都能看懂 不在赘言

type: 'POST',

data: data,

dataType: 'JSON',

cache: false,

processData: false,

contentType: false

}).done(function(ret){   //异步回调

if(ret['result'] == '1'){

alert($.trim(ret['info']));

}else{

alert($.trim(ret['info']));
       }

window.history.back();

});

return false;

});

时间: 2024-09-30 14:11:12

jq利用ajax异步提交所有表单数据,并且回调的教程的相关文章

php-HTML多选控件提交的表单数据在PHP里如何显示 ?

问题描述 HTML多选控件提交的表单数据在PHP里如何显示 ? 如下一段HTML表单,提交到recv.php显示: <form action="recv.php"> UserName: <input type="text" name="username" /><br /> Sex: <input type="radio" name="sex" value="

通过ajax异步提交。返回json数据但是浏览器识别为非json

问题描述 通过ajax异步提交.返回json数据但是浏览器识别为非json 返回的数据明明是json格式,为什么提示不对 解决方案 把请求头设置成json格式.如:Content-Type:application/json; charset=UTF-8 解决方案二: 那就是你的ajaxt提交代码是如何的呢?应该设置ajax请求返回的数据格式dataType:json才对. 解决方案三: $.ajax{( url:url, dataType:json, success(function({ }))

利用userData实现客户端保存表单数据

利用userData实现客户端保存表单数据 作者:bencalie  整理日期:2004年6月15日 对于多数网页制作的朋友,实现在客户端保存在网页表单上的信息,比较多的是采用Cookie技术来实现,这些功能例如:下拉列表框选择的选项,文本框输入的数据等.事实上,我们可以利用微软DHTML默认行为中的userData行为来实现这个功能. 因为很多网友问到这样的问题,整理了一下,并提供了三个示例.下面将就该行为的使用做一个介绍: UserData 行为(userData Behavior): 1.

利用JS轻松实现获取表单数据_javascript技巧

接触过Angularjs的都知道,ng支持双向绑定,我们可以轻轻松松的通过ngModel将我们的值绑定到界面,当修改了值提交表单的时候不需要再重新通过ID去重新抓取输入框信息了.那对于我们开发前台网站,不用ng一类的MVVM框架,只引用了Jquery,那么在处理表单的时候该怎么做呢. 一. 原始做法 <div id="form"> <select id='select1'> <option value="">--请选择--<

利用js解析php的表单数据

利用js解析php的表单数据 /** * JsonParse * Created by usher.yue. * User: usher.yue * Date: 17/9/7 * Time: 13:50 * 心怀教育梦-烟台网格软件技术有限公司 */ var obj = { 'data[][classid][0]': '1000150097620084286', 'data[][create_time][0]': '1504692288', 'data[][kcid][0]': '1033150

按原样显示提交的表单数据

<%@page contentType="text/html;charset=UTF-8" %> <!-- 导入struts2标签库 --> <%@taglib uri="/struts-tags" prefix="s"%> <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <

使用ajax异步提交表单的几种方法总结_AJAX相关

这里介绍三种常用的提交方式 方式一 手工收集所有的用户输入,封装为大的"k1=v1&k2=v2-"键值对形式,使用$.post(url, data,fn)把数据提交给服务器 $.ajax({ type:'post', url:'Notice_noTipsNotice', data:'k1=v1&k2=v2...', cache:false, dataType:'json', success:function(data){ } }); 方式二 单序列化:$('#myfor

基于jQuery通过jQuery.form.js插件使用ajax提交form表单_javascript技巧

我们在提交表单的时候,如果没有使用ajax提交,页面都会自己刷新一下,显得非常的不友好,所以我们需要把我们的表单提交修改为ajax的模式,可以让用户清楚地知道他们在提交表单的时候处在哪一个阶段:正在提交?提交成功? 我简单使用了一下,jQuery Form插件有一下优点: 1.支持提交前验证. 2.支持提交后回调. 3.采用AJAX方式,有很好的用户体验 4.提交方式是灵活.只要指定要提交的form ID即可.想提交那个form.就可提交那个.同时提交参数可配置. 5.支持提交多种类型数据.如:

Ajax提交Form表单及文件上传的实例代码_AJAX相关

前几天,发现了一些小问题.我在写后台管理页面时,需要上传一张图片.于是我就用很普通的Form表单上传有一段Json串和图片文件: Form表单上传图片只需要在<form>标签里加上enctype = 'multipart/form-data',这样是可以上传图片的: 但问题来了,在我进行用Form表单提交的时候直接跳出来提交返回值的页面并且原先的页面刷新: 这样我们可以先到异步的Ajax可以实现局部刷新: 废话不多说了 直接上代码: 首先是html: <form id = "f