使用 Javascript 提取表单数据（带有一些 ReST）

Question

我知道这个问题可能已经被问过十几次了，但我有点困惑。

我有一个表单：

<form id="login">

<label>Email</label>
<input id="email"/>


<label>First Name</label>
<input id="fName"/>


<label>Last Name</label>
<input id="lName"/>


<label>Phone #</label>
<input id="phone"/>

我正在使用的 ReST 调用是：

<script type="text/javascript">

$.ajax({
    url: 'http://example.com/',
    type: 'PUT',
    data: 'ID=1&fname=datagoeshere&lname=datagoeshere&email=datagoeshere', 
    success: function() { alert('PUT completed'); }
});


</script>

我想我所困惑的部分是如何提取 fname、lname 和电子邮件并将输入表单的信息粘贴到 ReST 调用中。该表单还发布到另一个表单。

Answer 1

替换：

'ID=1&fname=datagoeshere&lname=datagoeshere&email=datagoeshere'

jQuery的

{ ID: 1, fname: $('#fname').val(), lname: $('#lanme').val(), email: $('#email').val() }

ajax 数据属性采用一个对象，并将该对象格式化为正确的字符串你。