Question

var sc = new Array();
var i =0;
el.find(".colorable").each(function () {
    sc[i++] = $(this).attr("src");
});
$.post("/Edit/ChangeImageColor", { src : sc , s: source, t: target }, function () {
    alert("done");
});

I am trying to pass array ( sc ) to server but it shows null in src

    public JsonResult ChangeImageColor(string[] src, string s, string t)
    {

Can anybody tell me what i am missing?

Answer 1

If you are using ASP.NET MVC 3 you could send it as JSON request:

var sc = new Array();
var i = 0;
el.find(".colorable").each(function () {
    sc[i++] = $(this).attr("src");
});
$.ajax({
    url: '/Edit/ChangeImageColor',
    type: 'POST',
    contentType: 'application/json',
    data: JSON.stringify({ src: sc, s: source, t: target }),
    success: function() {
        alert("done");
    }
});

If you are using an older version of ASP.NET MVC you may take a look at the following blog post which illustrates how you could integrate a custom json provider factory allowing you to send JSON requests to controller actions.