pass json string from client to c# method

Question

5.00/5 (1 vote)

See more:

I am trying to pass an array from client to codebehind function.
The string that I am trying to pass looks like this:

[{"id":"1","name":"test","quantity":1}]

I get an ajax error: undefined. How do I pass this array?

Thanks,
Robert

The script:

JavaScript

function TestJSON() {
		var ItemRow = [];
		var Item = new Object();
		Item["id"] = "1";
		Item["name"] = "test"
		ItemRow.push(Item);

		var s = JSON.stringify(ItemRow);

		$.ajax({
			type: "POST",
			url: "Default.aspx/ReturnJSON",
			data: { "ItemRows": s },
			contentType: "application/json",
			dataType: "json",
			success: function (msg) {
				alert(msg.d);
			}
		});
	}

The HTML:

HTML

<input type="button" value="Test"  önclick="TestJSON()" /></form>

The codebehind:

C#

[System.Web.Services.WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public static string [] ReturnJSON(string [] ItemRows)
{
   return ItemRows;
}

Posted 6-Feb-14 8:57am

Member 3493606

Add a Solution

Comments

Kornfeld Eliyahu Peter 6-Feb-14 15:54pm

Why string[]? IMHO it should be string only, as it's ain't a C# array!

Member 3493606 6-Feb-14 16:23pm

I tried that already, I still get the error.
Any other suggestions?

Kornfeld Eliyahu Peter 6-Feb-14 16:34pm

Add this to $.ajax, to see some error...
error: function (jqXHR, textStatus, errorThrown) {
alert(errorThrown);
}

3 solutions

Solution 2

To pass a string of parameters in Ajax call you have to first stringify the string as below. Let suppose you want to send two values as parameters than you have to do like this.

var params = JSON.stringify({ val1: "Value1", val2: 'Value2' });

and in

JavaScript

$.ajax{
......
........
........
data: params
}

Secondly to get these parameters in the Web Method you should define the web method definition with the same parameter names as defined in the string created above.

like to get the above passing parameters you have to create a web method like.

C#

[WebMethod]
   public static string GetData(string val1, string val2)
   {
//////////////Your code goes here....
   }

HOpe it will help you.. :)

Posted 6-Feb-14 18:40pm

VICK

Comments

norbitrial 7-Feb-14 2:23am

That's even better! Nice one!

VICK 7-Feb-14 3:29am

Thanks norbitrial.
Don't you think nicer deserves to be Upvoted? :D

norbitrial 7-Feb-14 3:47am

That's true! :D

VICK 7-Feb-14 7:18am

Thanks Buddy. :)

Solution 1

Why don't you just use Regex.Split method on server side to make array from string?

You can send your string with ajax to server side as the follows:

JavaScript

function TestJSON() {
   var stringForSend = 'first-second-third';

   $.ajax({
       type: "POST",
       url: "Default.aspx/ReturnJSON",
       data: '{ inputValuesForArray: "' + stringForSend + '" }',     
       contentType: "application/json",
       dataType: "json",
       success: function (msg) {
           alert(msg.d);
       }
   });
}

And you can catch and split the string with your choosen pattern:

C#

[System.Web.Services.WebMethod]
public static string ReturnJSON(string inputValuesForArray)
{
   string pattern = "-";

   string[] yourArray = Regex.Split(inputValuesForArray, pattern);

   return "I have found " + yourArray.Length.ToString() + " elements in the array!";
}

I hope this helps!

Posted 6-Feb-14 11:10am

norbitrial

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Member 3493606 · Accepted Answer · 2014-02-08T05:31:00

I finally figured it out: I am contstructing an array and sending it to my C# webmethod that accepts an array as parameter. The secret lies in the way you contruct the array object on the client, the format has to follow the format { var myObject = myarray : [] }}
Default.aspx:

JavaScript

function TestJSON() {
                // this is the array, notice the curly brackets around the array{}
		var JSONObject = { users: [] }; 
		var user;
		for (var s =0;s<3;s++)
		{
			user = { id: s, username: 'test' + s };
			JSONObject.users.push(user);
		}
      
		$.ajax({
			url: "Default.aspx/ReturnJSON",
			type: "POST",
			contentType: "application/json; charset=utf-8",
			data: JSON.stringify(JSONObject),
			async:false,
			cache: false,
			success: function (msg) {
				alert(msg.d);
			}
		});
	}
>

Default.aspx.cs

C#

[System.Web.Services.WebMethod]
public static string ReturnJSON(Users[] users)
{}

Thanks for all your help.
Robert

pass json string from client to c# method

3 solutions

Solution 2

Solution 3

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us