jquery中如何使用自定义函数获取多个表单值，并拼接成ajax参数

[q514232113]

一个页面中有多个表单，在多个事件中都要获取这些表单的值，想写个自定义函数获取这些表单的值，并拼接成ajax参数
<input id="a" type="text">
<input id="c" type="text">
<input id="d" type="text">
<input id="e" type="text">

$(document).ready(function(){
var a=$("#a").val();
var b=$("#b").val();
var c=$("#c").val();
var d=$("#d").val();
var e=$("#e").val();
$.ajax({
data:{A:a,B:b,C:c,D:d,E:e},
});
})
因为这些表单的值会因不同事件发生变化，每次事件都要重新调用，因此想写个自定义函数，减少点代码

[天际的海浪]

<div id="myid">
	<input type="text" name="a" value="1" />
	<input type="text" name="b" value="2" />
	<input type="text" name="c" value="3" />
	<input type="text" name="d" value="4" />
	<input type="text" name="e" value="5" />
</div>
<script type="text/javascript">
function myajax(id) {
	var json = {};
	$("#"+id+" :text").each(function () {
		json[$(this).attr("name")] = $(this).val();
	});
	$.ajax({
		url: "url.html",
		data: json
	});
}
$(function(){
	myajax("myid");
});
</script>

[q514232113]

通过自定义函数得到一个字符串，alert该字符串，内容是ajax中data{}需要的内容， 但该字符串在$.ajax中却无法作为参数进行传递，要用什么方法才能将拼接出的字符串作为参数进行传递 $(document).ready(function(){ function Gain() { var josn= "A:"+$("#a").val() ",B:"+$("#b").val() ",C:"+$("#c").val() ",D:"+$("#d").val() ",E:"+$("#e").val(); return json; } var aaa=Gain(); alert (aaa);//这里是正确的 $.ajax({ data:{aaa},//这里作为参数无法传递 }); })

[q514232113]

<input id="a" type="text"> <input id="c" type="text"> <input id="d" type="text"> <input id="e" type="text"> $(document).ready(function(){ function Gain() { var josn= "A:"+$("#a").val() ",B:"+$("#b").val() ",C:"+$("#c").val() ",D:"+$("#d").val() ",E:"+$("#e").val(); return json; } var aaa=Gain(); alert (aaa);//这里是正确的 $.ajax({ data:{aaa},//这里作为参数无法传递 }); })

[斯洛文尼亚旅游]

    function getKeyPair() { return $('#forma').serialize() + '&' + $('#formb').serialize() + '&' + $('#formc').serialize() /*more...*/ }

    $.ajax({url:'xxxx',data:getKeyPair()})

[qq_36411654]

你看下json的格式到底是什么你就清楚为什么不能传递了

[lzh_me]

.serialize() 或者直接使用jquery.form.js这样的 html5还有Form Data对象 基本上都是把表单数据用form来作为一个整体

[soonyolsd]

serialize()