0

我正在尝试获取表单的元素，以便以后使用它们来创建对函数的 ajax 调用。

详细地说，我有一个看起来像这样的表格：（只有我的大约 6 倍大）

<form>
<input type="text" name="name" id="name"/> <br />
<input type="text" name="email" id="email"/><br />
<input type="radio" name="gender" id="male" value="M"> Male<br /> 
<input type="radio" name="gender" id="female" value="F"> Female<br />

<input type="button" name="btn1" id="btn1" value="Set Variables" onClick="setSession();">
</form>

我需要编写一个函数来显示表单元素的名称或 ID 及其值或数组中的至少一个数字，以便我知道 element[0] 等于我的名称表单变量。

我写了几个不同版本的函数，但我最终迷路了，甚至更加困惑，这就是我需要帮助的地方。

设置好变量后，我需要将它们用于我的 ajax 调用，看起来像这样：

$.ajax({
    url:'setSessions.cfc?method=setSession',
    method:"POST",
    data: {name: name,
           email: email,
           gender: gender}
});

它将调用 setSessions 组件来设置我的会话变量。

4

2 回答 2

4

jsFiddle 演示

您可以像这样获取表单数据。

var formData = $('form').serialize();

$.ajax({
    url:'setSessions.cfc?method=setSession',
    method:"POST",
    data: formData
});

如果你想访问单个元素，你可以这样做，

  var name = $('#name').val();
  var email = $('#email').val();
于 2013-04-01T19:31:34.247 回答
3

尝试使用 jquery 的序列化（或 serializeArray）方法：

form.serialize();
于 2013-04-01T19:31:45.263 回答