I have two Question which I am uncertain of.
- What happens and what are the rules when using this piece of coding:
var c = "Test";
$scope.data = {c : c};
The output returns [object Object] and console shows this value Object {c: "Test"}
- If this value is returned to a C# based service how can I extract the value c from the object correctly?
EDIT: I am using WCF RESTful service and my url looks like:
$http.post("http://localhost/TestService.svc/testdata/" + $scope.data)
When you do a POST to a service you should send the data as post data, as described in the docs for $http.
var url = "http://localhost/TestService.svc/testdata/";
var postData = { c: "Test" };
$http.post(url, postData);
Remember to configure your server action with Method="POST" to be able to receive POST data. The deserialization from the posted data is handled by WCF.
Another option is of course to use a PUT method, and append your data as query parameters to the URL. The URL would in that case look something like
http://localhost/TestService.svc/testdata/?c=Test
If you have nested data in your model this will soon get tricky to handle though, and in that case a POST is the better option. Also; If you use PUT, remember to not expose your service to CSRF vulneratibilities in which an attacker gives a link to an authenticated user which then performs some unwanted actions.
When you try to convert an object to a string (which happens when you try to display it), you get the text [object Object], indicating that it is an object without any further disclosure of its properties.
When you want to pass the data to other applications, a common format is JSON, which looks like the string your get in the console. C# as well as most other modern languages have built-in functionality or libraries to parse JSON into their own data structures.
To explicitly convert an object to JSON, use JSON.stringify.
var c = "Test";
var data = {c : c};
alert(JSON.stringify(data));
You're a little short on details in your question. Is this AJAX? Form postbacks? URL parameters? Headers? Websockets? How are you sending this data to the server? My answer assumes you're doing AJAX with the content in the body of the request.
It's important to understand that "returning to a C# service" isn't a problem. Whenever you make an HTTP request, you're serializing the data in a certain way. Probably in this case you're serializing it to JSON. The server reads the request, parses the JSON, and makes its own interpretation of it. So as long as you generate valid JSON (which your libraries will certainly do behind the scenes), the server won't know exactly how you generated it.
Secondly, JSON serializers don't all follow the same convention. JS is perfectly happy to have a key not be quoted, which is what you're observing.
foo = {
abc: 123, <--- "abc" is a literal string here, even if it isn't quoted
"abc": 456 <--- same key, different value
}
Most other language libraries require key strings to be quoted, JS doesn't.
So to answer your question "how can i extract the value c", the answer is, just like any other key! Assuming you deserialize the request body to a variable called data, then you'd just do data["c"].
https://example.com?c=foo, and (depending on your server framework/setup) you'll be able to read it with msdn.microsoft.com/en-us/library/… , or, succinctly, Request.Params["c"]. No need to go into json serialization/deserialization for one field.console.log($scope.data + ""); // [object Object]
console.log($scope.data); // the actual object
.toString(); is called on an object.[object Object] is displayed.
[object Obect];$http.post(url, postData).