Pass string into JSON format and its automatically encoded

Question

I want to pass a json string to a Javascript function, and JSON generated dynamically. but after pass the JSON parameter in function it double quotes encode with "e;. I am using C# MVC 4.0 here is my code :-

string strAllImages = "[";

foreach (var images in Model.PostsImageList)
{    
     if (strAllImages.Trim() != "[")
     {
         strAllImages = strAllImages + ",";
     }
     strAllImages = strAllImages + "'~/postImages/" + images.Image_Post_URL + "'";            

}   

strAllImages = strAllImages + "]";

<script language="javascript" type="text/javascript">

$(document).ready(function(){ // on document load

    $("#thumbsliderdiv").imageSlider({ //initialize slider
        'thumbs': @strAllImages, 
        'auto_scroll':true,
        'auto_scroll_speed':4500,
        'stop_after': 2, //stop after x cycles? Set to 0 to disable.
        'canvas_width':700,
        'canvas_height':500 // <-- No comma after last option
        })
});

</script>

JSON requires double-quotes. You should use the .NET JSON library to encode your array instead of doing it yourself. — Austin Mullins
– Austin Mullins, Commented Jul 7, 2014 at 12:50

Perfect28 · Accepted Answer · 2014-07-07 12:47:48Z

3

What's missing in your code to make it immediatly work is :

'thumbs': @Html.Raw(strAllImages)

But it will more clean if you use JSON.net. E.g :

string [] strAllImagesAsArray = Model.PostsImageList.Select(i =>  "'~/postImages/" + i.Image_Post_URL + "'").ToArray() ;

And in you javascript :

<script language="javascript" type="text/javascript">

$(document).ready(function(){ // on document load

    $("#thumbsliderdiv").imageSlider({ //initialize slider
        'thumbs': @Html.Raw(JsonConvert.SerializeObject(strAllImagesAsArray)),
        'auto_scroll':true,
        'auto_scroll_speed':4500,
        'stop_after': 2, //stop after x cycles? Set to 0 to disable.
        'canvas_width':700,
        'canvas_height':500 // <-- No comma after last option
        })
});

</script>

answered Jul 7, 2014 at 12:47

Perfect28

11.3k3 gold badges29 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Pass string into JSON format and its automatically encoded

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related