1、serialize()方法

描述:序列化表单内容为字符串,用于Ajax请求。

格式:var data = $(form).serialize()

1

1

2、serializeArray()方法

描述:序列化表单元素(类似’.serialize()’方法)返回JSON数据结构数据。

注意,此方法返回的是JSON对象而非JSON字符串。需要使用插件或者第三方库进行字符串化操作。

格式:var jsonData = $(form).serializeArray()

1

1

在使用ajax提交表单数据时,以上两种方法都可以将data参数设置为(form).serialize()或(form).serializeArray()。

1、serialize()方法

格式:var data = $(“form”).serialize()

1

1

功能:将表单内容序列化成一个字符串。

这样在ajax提交表单数据时,就不用一一列举出每一个参数。只需将data参数设置为 $(“form”).serialize() 即可。

2、serializeArray()方法

格式:var jsonData = $(“form”).serializeArray()

功能:将页面表单序列化成一个JSON结构的对象。注意不是JSON字符串。

比如,[{“name”:”lihui”, “age”:”20”},{…}] 获取数据为 jsonData[0].name

function submit(){

//var data=$('#fm').serialize() //输出 name=wang&sex=1&age=25

var data=$('#fm').serializeArray() //序列化表单 //[Object, Object, Object]

var postdata={} //空数组

$(data).each(function(i){

postdata[this.name]=this.value //

})

$.ajax({

url:"__ROOT__/index.php/index/login"

data:postdata

dataType:'json'

type:"post"

error:function (){

}

success:function (res){//回调函数

alert(res)//输出后台传过来的值

}

})

}