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表单

在项目开发中,有时提交form表单时不能单单用action或者jQuery的 表单提交方法有三种,主要说下第三种第一种:用form自带属性action提交第二种:用jquery提交:$("#form...

ajax提交普通表单或者文件上传的form 带回调函数

最近项目需要要整一个 文件上传(客户端和服务器端不在同一台机子) 对上传的文件解析过后   根据后台返回的text  前台给出相应的提示在网上找了下  有两种   一种是通过iframe 还有就是用...

$.ajax 和 jquery.form.js实现表单异步提交

今天遇到了一个问题:

jQuery实现Ajax提交form表单的简单方法

转载自:http://www.okbase.net/doc/details/2539 介绍:介绍了如何将一个普通的form表单,迅速改造成通过ajax方式提交,并将结果显示在对话框中。 ...

Form表单利用Jquery Validate验证以及ajax提交

详细讲解Form表单利用Jquery Validate验证以及ajax提交的过程,以及Jquery Validate使用中的input写法,Validate的标尺,Validate的自定义提示语,非空...
  • s445320
  • s445320
  • 2016年02月26日 13:27
  • 16739

Jquery通过Ajax方式来提交Form表单的具体实现

提交Form表单的方法有很多,在本文为大家介绍下Jquery通过Ajax方式是如何提交Form表单的 今天刚好看到Jquery的ajax提交数据到服务器的方法,原文是: 保存数据到服务器,成功...

jQuery Form Plugin:AJAX方式提交表单的完全方案

译自:http://www.malsup.com/jquery/form/ 简介 jQuery Form Plugin可以简便且隐式地使用AJAX改善HTML表单(Form)。主要的函数aja...

Jquery通过Ajax方式来提交Form表单

Jquery通过Ajax方式来提交Form表单

Jquery通过Ajax方式提交Form表单

通Ajax提交数据到服务端的方式是: jQuery 代码: $.ajax({ type: "POST", url: "/xxxxx.do", data: "name=name",...

jQuery ajax 请求 和 Submit 提交 form 表单

前台: modify approver Password $(document).ready(function(){ var oldPass = $("#oldPassword");...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ajax(或者jquery)提交整个form表单
举报原因:
原因补充:

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