For this question, I am using ASP.NET web forms in C #, a web service, and jQuery. I read this post about using an array to pass a bunch of parameters to a web method using jQuery AJAX. I am wondering if one can do the same without using indexes. The problem with indexes is that order matters, and updating is a problem because it involves updating client scripts and web method arguments. I am currently using named arguments, but this is very tedious. My biggest web method contains 20 arguments! Ugh! I am looking for a shortcut here, not caring about the order. Is it possible?
var obj = {};
$('.addressRow').each(function ()
{
var row = $(this);
var addressField = row.find('.addressField');
var attr = addressField.attr('addressFieldName');
var val = addressField.val()
obj[attr] = val;
});
$.ajax(
{
type: 'POST',
url: '/WebServices/AddressService.asmx/SaveAddress',
data: JSON.stringify(obj),
contentType: 'application/json; charset=utf-8',
dataType: 'json',
success: function (response)
{
alert('address saved');
},
error: function (response)
{
alert('error');
}
});
[WebMethod]
public void SaveAddress(string streetAddress1, string streetAddress2, string apartmentNumber, string city, strng state, string zipCode, string country)
{
}
UPDATE:
, . Stack, .
, , , .
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Web Service Demo</title>
<style type="text/css">
* { font-family: "Segoe UI"; font-size: 12px; color: #444444; }
#result1 { padding: 10px 0px; }
</style>
<script type="text/javascript" src="Scripts/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function ()
{
$('button').click(function ()
{
var employee1 = {};
employee1.ID = 5416;
employee1.FirstName = 'Fred';
employee1.LastName = 'Baker';
employee1.BirthDate = '07/18/1982';
employee1.StreetAddress = '947 River Street';
employee1.City = 'Somnerville';
employee1.State = 'AR';
employee1.ZipCode = '41370';
employee1.AccessCodes = new Array();
employee1.AccessCodes[0] = 512;
employee1.AccessCodes[1] = 887;
var employee2 =
{
ID: 3316,
FirstName: 'Jason',
LastName: 'Masters',
BirthDate: '11/19/1980',
StreetAddress: '11 South Crane Avenue',
City: 'New York',
State: 'NY',
ZipCode: '01147'
};
var data1 = JSON.stringify({ 'employee': employee1 });
var data2 = JSON.stringify({ 'employee': employee2 });
$.ajax(
{
type: 'POST',
url: '/WebServices/WebService1.asmx/GetEmployeeData',
data: data1,
contentType: 'application/json; charset=utf-8',
dataType: 'json',
success: function (response)
{
$('#result1').html(response.d);
},
error: function (response)
{
$('#result1').html('web service call failure\n' + response.responseText);
}
});
$.ajax(
{
type: 'POST',
url: '/WebServices/WebService1.asmx/GetEmployeeData',
data: data2,
contentType: 'application/json; charset=utf-8',
dataType: 'json',
success: function (response)
{
$('#result2').html(response.d);
},
error: function (response)
{
$('#result2').html('web service call failure\n' + response.responseText);
}
});
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<p>This demo shows how to pass a complex JSON object to a web method and get a reponse back from the web method.</p>
<p>1) It creates two JavaScript objects.</p>
<p>2) The JavaScript objects are JSONified and sent to the web method.</p>
<p>3) The web method receives the complex objects and uses them to create response text.</p>
<p>4) When the callback function fires, it displays the text returned from the web service.</p>
<button type="button">Call Web Service</button>
<div id="result1"></div>
<div id="result2"></div>
</div>
</form>
</body>
</html>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[ToolboxItem(false)]
[ScriptService]
public class WebService1 : WebService
{
[WebMethod]
public string GetEmployeeData(Employee employee)
{
var output = string.Format("Employee #{0}: {1} {2} lives at {3} in {4}, {5} with a zip code of {6} and was born on {7}.", employee.ID, employee.FirstName, employee.LastName, employee.StreetAddress, employee.City, employee.State, employee.ZipCode, employee.BirthDate.ToShortDateString());
if (employee.AccessCodes != null)
{
output += string.Format(" Employee #{0} has access codes: ", employee.ID);
foreach (var accessCode in employee.AccessCodes)
{
output += accessCode + " , ";
}
output = output.Substring(0, output.Length - 2);
}
else
{
output += string.Format(" Employee #{0} does not have any has access codes.", employee.ID);
}
return output;
}
}
public class Employee
{
public int ID { get; set; }
public string FirstName { get; set; }
public string LastName { get; set; }
public DateTime BirthDate { get; set; }
public string StreetAddress { get; set; }
public string City { get; set; }
public string State { get; set; }
public string ZipCode { get; set; }
public List<int> AccessCodes {get;set;}
}