Pass Javascript Array of Objects to C# Codebehind - Stack Overflow

admin管理员组

文章数量:1331859

I am having some problems Posting my Javascript Array of objects to C# Codebehind. I followed a simple tutorial and thought this would work quite nicely but my C# codebehind breakpoints in PassThings is never hit.

I have tried changing the url to "Default.aspx/PassThings" but it still never gets posted to my code behind, the error alert displays "[object object"]

Here is my client side:

Default.aspx

Script

<script>

    function Save() {
        $(document).ready(function () {
            var things = [
        { id: 1, color: 'yellow' },
        { id: 2, color: 'blue' },
        { id: 3, color: 'red' }
        ];

                things = JSON.stringify({ 'things': things });

                $.ajax({
                    contentType: 'application/json; charset=utf-8',
                    dataType: 'json',
                    type: 'POST',
                    url: '/PassThings',
                    data: things,
                    success: function () {
                        alert("success");
                    },
                    error: function (response) {
                        alert(response);
                    }
                });
            });

    }

</script>

Html

<input type="button" value="Pass Things" onclick="JavaScript: Save();">

Default.aspx.cs

Codebehind

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Web.Services;

[System.Web.Script.Services.ScriptService]
public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }

    [WebMethod]
    public void PassThings(List<Thing> things)
    {
        var t = things;
    }

    public class Thing
    {
        public int Id { get; set; }
        public string Color { get; set; }
    }

}

Does anyone see what I am doing wrong?

Thank you for your time.

I am having some problems Posting my Javascript Array of objects to C# Codebehind. I followed a simple tutorial and thought this would work quite nicely but my C# codebehind breakpoints in PassThings is never hit.

I have tried changing the url to "Default.aspx/PassThings" but it still never gets posted to my code behind, the error alert displays "[object object"]

Here is my client side:

Default.aspx

Script

<script>

    function Save() {
        $(document).ready(function () {
            var things = [
        { id: 1, color: 'yellow' },
        { id: 2, color: 'blue' },
        { id: 3, color: 'red' }
        ];

                things = JSON.stringify({ 'things': things });

                $.ajax({
                    contentType: 'application/json; charset=utf-8',
                    dataType: 'json',
                    type: 'POST',
                    url: '/PassThings',
                    data: things,
                    success: function () {
                        alert("success");
                    },
                    error: function (response) {
                        alert(response);
                    }
                });
            });

    }

</script>

Html

<input type="button" value="Pass Things" onclick="JavaScript: Save();">

Default.aspx.cs

Codebehind

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Web.Services;

[System.Web.Script.Services.ScriptService]
public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }

    [WebMethod]
    public void PassThings(List<Thing> things)
    {
        var t = things;
    }

    public class Thing
    {
        public int Id { get; set; }
        public string Color { get; set; }
    }

}

Does anyone see what I am doing wrong?

Thank you for your time.

• javascript
• c#
• asp
• ajax
• json

Share Improve this question Follow edited Oct 31, 2014 at 18:15 clamchoda asked Oct 31, 2014 at 17:51 clamchodaclamchoda 5,00133 gold badges4545 silver badges7979 bronze badges 9

• 1 You need to define PassThings function web method – Satpal Commented Oct 31, 2014 at 17:54
• @Satpal I added [WebMethod] above PassThings in the c# codebehind and still no postback break point is hit, I also added [System.Web.Script.Services.ScriptService] – clamchoda Commented Oct 31, 2014 at 17:56
• try adding traditional : true property in ajax call – Ehsan Sajjad Commented Oct 31, 2014 at 18:02
• @EhsanSajjad Had no effect :( – clamchoda Commented Oct 31, 2014 at 18:03
• The failure callback should probably be 'error' instead. api.jquery./jquery.ajax – Dan Commented Oct 31, 2014 at 18:13

 |  Show 4 more ments

1 Answer 1

Sorted by: Reset to default 6

In url pass proper url with page. Suppose the PassThings method is in Default.aspx page code behind file then you have to pass url: Default.aspx/PassThings if the script code is written within the Default.aspx.

If script in seperate js file which is in Scripts folder, then you have to e back one directory and have to write : url: ../Default.aspx/PassThings

$(document).ready(function () {
    var things = [{
        id: 1,
        color: 'yellow'
    }, {
        id: 2,
        color: 'blue'
    }, {
        id: 3,
        color: 'red'
    }];

    things = JSON.stringify({
        'things': things
    });

    $.ajax({
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        type: 'POST',
        url: 'Default.aspx/PassThings',
        data: things,
        success: function () {
            alert("success");
        },
        error: function (response) {
            alert(JSON.stringify(response));
        }
    });
});

and in code behind your method should be decorated with [WebMethod] and it should be public and static:

    [WebMethod]
    public static void PassThings(List<Thing> things)
    {
        var t = things;
    }

本文标签： Pass Javascript Array of Objects to C CodebehindStack Overflow