ajax(或者jquery)提交整个form表单

原创 2013年12月05日 18:24:32

方法一:

$.ajax({
        cache: true,
        type: "POST",
	beforeSend: function(request) {
		request.setRequestHeader("userId", "123456");
	},
        url:"localhost:8080/PBR_SERVICE/rest/upload/imgUpload?type=1",
        data:$('#yourformid').serialize(),// 你的formid
        async: false,
        error: function(request) {
               alert("Connection error");
        },
        success: function(data) {
		//其中data的结构:{"error":"1,"success":null},可以将后台的处理结果放在这个JSON对象的2属性中,在前台回去回应给用户
               $("#appcreshi").parent().html(data.success);
        }
});
好处:

1、serialize() 方法通过序列化表单值,创建 URL 编码文本字符串,不需要用JSON对象形式{"userId":,"123",“mid”:"23"......}将每个参数都作为属性传过去,这对多表单域的form提交很有好处;同时,对于图片的上传,不用考虑如何传图片二进制值的问题。

2、因为是ajax请求,可以加请求头

3、可以将后台处理的结果回应给用户

方法二:

 $.post(
	url,
	{"":,"random":Math.random()},
	function(data){
		alert(data.success);
	}
);
弊端:需要用JSON对象形式{"userId":,"123",“mid”:"23"......}将每个参数都作为属性传过去,这对多表单域的form提交很不方便,且不能加请求头

方法三:

var options ={   
                    url:'localhost:8080/PBR_SERVICE/rest/upload/imgUpload?type=1',   
                    type:'post',                    
                    data:null,
                    success:function(data){
                   	 if(data.statusCode=="OK") {  
                    	
		   	 }else{

                   	 } 
                    }   
                 };
              var form =$("form[name=form1]");//form1:表单ID  在表单界面只用这一个表单ID
              form.ajaxSubmit(options);   
弊端:不能加请求头




  

ajax提交整个form表单

我们常用jquery做form表单的提交,或者通过action提交,但是有时需要ajax提交时...
  • tolcf
  • tolcf
  • 2014年11月15日 21:38
  • 34315

171202之ajax提交整个form表单(一)

简介: ajax提交form表单在项目中经常用到,前台无论是简单的html、jsp或者使用了easyui框架,提交表单都会使用到ajax。总的来说,ajax提交表单可以分为两种,一种是无返回结果的,...
  • a3060858469
  • a3060858469
  • 2017年12月02日 17:39
  • 142

jQuery实现Ajax方式提交表单

提交表单一般通过同步的方式提交,提交后页面刷新或跳转到新页面来显示服务器端返回的处理结果。如果表单提交后有另外的操作或业务需求需要还在这个页面上显示或处理,那么页面不能整体刷新,这时第一想到的就是采用...
  • wangzl1163
  • wangzl1163
  • 2016年12月16日 14:00
  • 3283

jQuery ajax提交form表单

这篇博文主要给大家带来使用jquery提交form表单,其实很简单那,我就直接上代码了: html表单代码: 用户名 密码...
  • mockingbirds
  • mockingbirds
  • 2015年07月11日 17:29
  • 7594

在jquery中ajax提交表单的post与get方式详解

另附两篇参考文章链接: http://blog.csdn.net/wuxiupeng/article/details/7844003      http://www.cnblogs.com/nang...
  • wcy_1011
  • wcy_1011
  • 2015年12月16日 16:42
  • 2062

jQuery异步提交表单(有实例)

前言:我们在开发的时候,一定会使用ajax异步提交表单,在这里总结一下:前提准备:引入脚本 ...
  • xinghuo0007
  • xinghuo0007
  • 2017年05月30日 00:11
  • 1875

表单提交示例(Jsp+Servlet+jQueryForm)

表单提交示例(Jsp+Servlet+jQueryForm)内容前瞻 1、注意点 2、jQueryForm的使用 3、表单提交示例 环境 1、前端jsp 2、服务器tomcat 3、服务端servle...
  • u013632854
  • u013632854
  • 2017年06月20日 17:40
  • 836

jQuery ajax提交Form表单实例(附demo源码)

jQuery ajax提交Form表单实例
  • semial
  • semial
  • 2016年12月28日 15:03
  • 2542

.post简化.ajax方式提交form表单

$("#submit").click(function(){ $.post("${pageContext.request.contextPath}/news/addImportantNews" ...
  • zziamalei
  • zziamalei
  • 2015年03月26日 00:50
  • 396

jQuery实现ajax提交form表单(可以是提交json),用springmvc接收。图文详解

开篇:为什么要写这篇博客? 1 有的作者写了form表单提交,却没有写springmvc怎么接收,给广大的小白身心造成巨大的伤害。 题外话: 亲们,今天很不开森,股市跌了,我不得不离开股市回到博...
  • wabiaozia
  • wabiaozia
  • 2015年11月30日 19:34
  • 12229
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ajax(或者jquery)提交整个form表单
举报原因:
原因补充:

(最多只允许输入30个字)