Получение данных формы с помощью 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 и email и вставить информацию, которая вводится в форму, в вызов ReST.Форма также публикуется в другой форме.

Answer 1

Заменить:

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

на

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

Свойство данных ajax jQuery принимает объект и отформатирует его в нужную вам строку.