How do I redirect to another page on button click of HTML table by selecting that id using java script in ASP.NET

See more:

ASP.NET

Javascript

webservice

i have displayed data in html table by using java script and web-services. i add two more columns edit and delete by taking button. now if i click on edit button page should redirect to edit page by selecting that row's id and display data on redirected page.

What I have tried:



$(document).ready(function () {

$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "EmployeeView.aspx/Binddatatable",
data: "{}",
dataType: "json",

success: function (data) {

//$("#empdata > tbody > tr").remove();
// $("#empdata").append("<tbody>");
for (var i = 0; i &lt; data.d.length; i++) {
$("#empdata").append("<tr><td>" + data.d[i].EmpId + "</td><td>" + data.d[i].EmpName + "</td><td>" + data.d[i].Password + "</td><td>" + data.d[i].Email + "</td><td>" + data.d[i].MobileNo_O + "</td><td>" + data.d[i].MobileNo_P + "</td><td>" + data.d[i].UserType + "</td><td>" + data.d[i].BranchName + "</td>" + '<td style="width:25"><button type="button" id="btnview" class="btn btn-info searchData" onclick="myFunction(' + data.d[i].EmpId + ')"><span class="glyphicon glyphicon-user"></span>Edit Details</button></td>'+ "</tr>");

// $("#empdata").tablesorter({ widgets: ['zebra'] });
// alert(JSON.stringify(data));
}
},
error: function (result) {
alert("Error");
}
});
// return false;
});



function myFunction(EmpId) {

$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "EmployeeView.aspx/EditDetails",
dataType: "json",
data: "{ 'ID': '" + EmpId + "' }",

success: function (data) {
window.location.href="/KB/answers/EmployeeEdit.aspx";
}

},
failure: function (data) {
alert(99);
alert("fail");

}
});
}