`

form提交

阅读更多

form提交和 纯粹的ajax的提交是有区别的

普通的form提交可在表单元素上加上name="obj.list[0].name" 即可提交到后台

但是$.ajax 提交方式不同了

例如

	$.ajax({   
		   type: "post",  
		   async:false,  
		   url:'http://localhost', 
		   data:{
			   id:8813,
			   name:'9990000',
			   aList: 
			    [
			          	{
			          	  name:'sdf'
			          	},
			         	{
	          	 			name:'sdf2'
	          			},
	          		 	{
	          	 			name:'sdf3'
	          			}
			    ]
		   } ,  
		   success: function(data){  
		       // dosomething
		   }  
})

 在network里看看有这样一个信息

Form Data

  1. id:
    8813
  2. name:
    9990000
  3. aList[0][name]:
    sdf
  4. aList[1][name]:
    sdf2
  5. aList[2][name]:
    sdf3
  6. aList[0][name]这是JS可以识别的,提交到后台java 会直接报错,因为java无法识别像javascript这样不严谨的语法。
  7. 如果是alist[0].name 就没问题了。

解决这个方法需要从jquery 解决,这应该算是jquery封装ajax的一个bug

解决方法1 扩展jquery的方法,在$.param的基础上修改一句话即可

代码如下:

(function($) { // copy from jquery.jsvar r20 = /%20/g, rbracket = /\[\]$/; $.extend({ customParam: function( a ) { var s = [], add = function( key, value ) { // If value is a function, invoke it and return its value value = jQuery.isFunction( value ) ? value() : value; s[ s.length ] = encodeURIComponent( key ) + "=" + encodeURIComponent( value ); }; // If an array was passed in, assume that it is an array of form elements.if ( jQuery.isArray( a ) || ( a.jquery && !jQuery.isPlainObject( a ) ) ) { // Serialize the form elements jQuery.each( a, function() { add( this.name, this.value ); }); } else { for ( var prefix in a ) { buildParams( prefix, a[ prefix ], add ); } } // Return the resulting serializationreturn s.join( "&" ).replace( r20, "+" ); } }); /* private method*/function buildParams( prefix, obj, add ) { if ( jQuery.isArray( obj ) ) { // Serialize array item. jQuery.each( obj, function( i, v ) { if (rbracket.test( prefix ) ) { // Treat each array item as a scalar. add( prefix, v ); } else { buildParams( prefix + "[" + ( typeof v === "object" || jQuery.isArray(v) ? i : "" ) + "]", v, add ); } }); } elseif (obj != null && typeof obj === "object" ) { // Serialize object item.for ( var name in obj ) { buildParams( prefix + "." + name, obj[ name ], add ); } } else { // Serialize scalar item. add( prefix, obj ); } }; })(jQuery);

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics