Hi folks.
In the topic I will illustrate
how to pass array of objects
to WebService and
how to deal with it
in your WebService. Suppose we have this javascript code :
<script language="javascript" type="text/javascript">
var people = new Array();
function person(playerID, playerName, playerPPD) {
this.PlayerID = playerID;
this.PlayerName = playerName;
this.PlayerPPD = parseFloat(playerPPD);
}
function saveSignup() {
addSomeSampleInfo();
WebService.SaveSignups(people, SucceededCallback);
}
function SucceededCallback(result, eventArgs) {
var RsltElem = document.getElementById("divStatusMessage");
RsltElem.innerHTML = result;
}
function OnError(error) {
alert("Service Error: " + error.get_message());
}
function addSomeSampleInfo() {
people = new Array();
people[people.length++] = new person(123, "Person 1 Name", 10);
people[people.length++] = new person(234, "Person 2 Name", 20);
people[people.length++] = new person(345, "Person 3 Name", 10.5);
}
</script>
.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .
asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }
.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .
asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }
.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .
asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }
poeple :is the array that we want
to send
to the WebService.
person :The function –constructor- that we are using
to create object
to our array.
SucceededCallback : This is the callback function invoked if the Web service succeeded.
OnError : this is the Error callback function so any errors that occur when the Web Service is called will trigger this function.
saveSignup : This function used
to call the WebSercie Method (SaveSignups), the first parameter that we pass
to the WebService and the second is the name of the callback function.
Here is the body of the Page :
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
<Services>
<asp:ServiceReference Path="WebService.asmx" />
</Services>
</asp:ScriptManager>
<input type="button" id="btn1" onclick="saveSignup()" value="Click" />
<div id="divStatusMessage">
</div>
</form>
</body>
.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .
asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }
Then main thing is the ServiceReference and it’s path "WebService.asmx” , this is the Web Service that we are using
in this example.
A web service will be used
to receive the javascript array and handle it
in our code :
using System;
using System.Web;
using System.Web.Services;
using System.Xml;
using System.Web.Services.Protocols;
using System.Web.Script.Services;
using System.Data.SqlClient;
using System.Collections.Generic;
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[ScriptService]
public class WebService : System.Web.Services.WebService
{
[WebMethod]
public string SaveSignups(object [] values)
{
string strOutput="";
string PlayerID="", PlayerName="", PlayerPPD="";
foreach (object value
in values)
{
Dictionary<string, object> dicValues = new Dictionary<string, object>();
dicValues = (Dictionary<string, object>)value;
PlayerID = dicValues["PlayerID"].ToString();
PlayerName = dicValues["PlayerName"].ToString();
PlayerPPD = dicValues["PlayerPPD"].ToString();
strOutput += "PlayerID = " + PlayerID + ", PlayerName=" + PlayerName + ",PlayerPPD= " + PlayerPPD +"<br>";
}
return strOutput;
}
}
.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .
asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }
The first thing I implement System.Collections.Generic Namespace, we need it
to use the Dictionary Class.
you can find
in this code that I pass the javascript objects
to array of object called values, then we need
to deal with every separate Object and explicit it
to Dictionary<string, object> .
The Dictionary Represents a collection of keys and values Dictionary<TKey, TValue>
TKey : The type of the keys
in the dictionary
TValue : The type of the values
in the dictionary.
For more information about Dictionary check this link : http://msdn.microsoft.com/en-us/library/xfhwa508(VS.80).aspx
Now we can get the value for every element because we have mapping from a set of keys
to a set of values, the keys of this example is : PlayerID ,PlayerName,PlayerPPD, this created from the original object person.
Ultimately,this Web method return the values as string, but the main idea of this method
to show you
how to deal with array of object and convert it to Dictionary<string, object> object , and get the values of this Dictionary.
Hope this helps,
