how to send string list from controller to javascript (present in view) in asp.net mvc

Question

In this controller i got all the movienames

public ActionResult MultiText()
 {
    List<string> mnames = db.AllMovienames().ToList();
    ViewBag.movies = mnames;

    return View();
}

I need to send this "ViewBag.movies" to Javascript present in view

 $(function () {

    var availableTags = ViewBag.movies;
    function split(val) {
        return val.split(/,\s*/);
    }
    function extractLast(term) {
        return split(term).pop();
    }
    $("#tags")
    // don't navigate away from the field on tab when selecting an item
  .bind("keydown", function (event) {
   if (event.keyCode === $.ui.keyCode.TAB &&
   $(this).data("ui-autocomplete").menu.active) {
    event.preventDefault();
  }
})

But i cant get values into view

hutchonoid · Accepted Answer · 2014-01-07 12:19:37Z

2

You could write it out as json in your view like this:

<script type="text/javascript">
 var movies =  @Html.Raw(Json.Encode(ViewBag.movies))
</script>

If you wrap your javascript up into a function you could then pass them in i.e.

function DoThis(movies)
{
   var availableTags = movies;
    .....
}

This would allow you to call it like this:

<script type="text/javascript">
 var movies =  @Html.Raw(Json.Encode(ViewBag.movies))
 DoThis(movies);
</script>

answered Jan 7, 2014 at 12:19

hutchonoid

33.4k15 gold badges102 silver badges106 bronze badges

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

2 Comments

user3145484 Over a year ago

it show compile time error.is there any assembly i need to give?

hutchonoid Over a year ago

System.Web.Helpers.Json is the assembly

Richard Dalton · Accepted Answer · 2014-01-07 12:01:33Z

0

You could put the tags into a hidden field and then retrieve them using jQuery:

View:

 @Html.Hidden("Movies", string.Join(",", ViewBag.movies))

JavaScript:

 var availableTags = $('#Movies').val().split(",");

answered Jan 7, 2014 at 12:01

Richard Dalton

35.8k6 gold badges75 silver badges92 bronze badges

Comments

Loda · Accepted Answer · 2014-01-10 09:01:35Z

0

you can use the code below：

/In Controller

/Controller/SiteConfig
public ActionResult SiteConfig()
{
     string movie = // your code
     return JavaScript("var movies ="+moive);
}
//In cshtml
@Script.Render("~/Controller/SiteConfig")

Then you can get variable movie in javascript.

answered Jan 10, 2014 at 9:01

Loda

314 bronze badges

Collectives™ on Stack Overflow

how to send string list from controller to javascript (present in view) in asp.net mvc

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related