Passing String value to controller on button click MVC2 - asp.net-mvc-2

Question

I am trying to send some value to controller on button click
Here is the view
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<h2>Customers</h2>
<table>
<tr style=" background-color:White; font-style:normal; font-size:x-large;">
<td>S#</td> <td>Name</td> <td>Email</td> <td>Phone</td> <td>Edit</td>
<%int i = 1;
string name, id, phone, email;
%>
</tr>
<% foreach (var clientsModel in ViewData["AllClients"] as List<MvcApplication5.Models.ClientsModels>){ %>
<tr style=" background-color:black; font-style:oblique; color:Wheat; font-size:large;">
<td><%:i %></td>
<% name = clientsModel.Name;
phone = clientsModel.Phone;
id = clientsModel.UserID;
email = clientsModel.Email; %>
<td>
<label id="Name"><%= clientsModel.Name %></label>
</td>
<td>
<label id="Email"><%= clientsModel.Email %></label>
</td>
<td>
<label id="Phone"><%= clientsModel.Phone %></label>
</td>
<td><button id="edit" >Edit</button></td>
</tr>
<% i++;
} %>
</table>
</asp:Content>
and here is the controller to which i want to send the values
public ActionResult Edit(string name, string id, string phone, string email)
{
ViewData["name"] = name;
ViewData["phone"] = phone;
ViewData["id"] = id;
ViewData["email"] = email;
return View();
}
i want to send the values of name, phone, email and id to controller...

Answer 1

if you are using Ajax
var dataPost = { 'id': id, 'val': val };
$.ajax({
type: 'POST',
url: '/Controller/Action',
data: JSON.stringify(dataPost),
contentType: 'application/json',
success: function () {
alert("succes");
},
error: function () {
alert("error");
}
});