1. 程式人生 > >jQuery 表單資料序列化為json格式

jQuery 表單資料序列化為json格式

jQuery是在web應用中使用的指令碼語言之一,因其具有輕量級,易學易用等特點,已廣泛應用,其中的ajax封裝簡化了我們的應用,對其表單資料序列化用如下方法:

1.serialize()方法

  格式:var data = $("#formID").serialize();

  功能:將表單內容序列化成一個字串。

  這樣在ajax提交表單資料時,就不用一一列舉出每一個引數。只需將data引數設定為 $("form").serialize()即可。

2.serializeArray()方法

  格式:var jsonData = $("#formID").serializeArray();

  功能:將頁面表單序列化成一個JSON結構的物件。注意不是JSON字串。

  比如,[{"name":"lihui"},{...}] 獲取資料為 jsonData[0].name

3.$.param()方法,可以把json格式資料序列化成字串形式

      varobj={a:1,b:2}

      vars=$.param(obj);

  會形成a=1&b=2的形式

	function addSetting(){//新增
		
		var myform = document.getElementById("myFormSave");
		$.ajax({
				url:"<%=path%>/save",
				data: $("form").serialize(),
				dataType: "json",
				success:function(data){
					if(data.success==true){
						closeBg();
						alert("新增成功!");
						window.location="<%=path%>/list";
					}else{
						alert("新增失敗!");
					}
				},
			});
	}