JSON 列表 ASP.net MVC

Question

我有 /Views/Movies/Index.cshtml 与

<input type="button" id="getmoviex" value="Get moviex" />
<ul id="moviex_list"/>
 <p>
        Title: @Html.TextBox("SearchTitle") <br />
    </p>

我有 /Controllers/MoviesController.cs 和

    [AcceptVerbs(HttpVerbs.Get)]
    public ActionResult moviex(string SearchGenre, string SearchTitle, string SearchActor)
    {
        var db = new CinemaContext();
        db.Configuration.ProxyCreationEnabled = false;
        var Movie = from m in db.Movie
                    select m;
        if (!String.IsNullOrEmpty(SearchTitle))
        {
            Movie = Movie.Where(s => s.Title.Contains(SearchTitle));
        }
         return Json(db.Movie.ToList(), JsonRequestBehavior.AllowGet);
    }

我有 Javascript.js 和

$(document).ready(function () {
    $('#getmoviex').click(function () {
        $.getJSON("/Movies", null, getmoviex);
    });
});

我写的 /Movies 是否正确？或者这应该是/Views/Movies？

function getmoviex(moviex) {
    $("#moviex_list").text("");
    $.each(moviex, function (i) {
        $("#moviex_list").append("<li>" + this + "</li>");
    });
}

如何显示查询中的信息或列表信息？或查看一些错误的输出？

Answer 1

首先确保您的按钮单击不会触发对服务器的请求。防止默认行为是一种标准的做法：

$('#getmoviex').click(function (event) {
    $.getJSON("/Movies", null, getmoviex);
    event.preventDefault();
});

至于URL，不应该是查看，而是行动。你的动作是moviex，控制器是电影，所以

$.getJSON("/Movies/moviex", null, getmoviex);

其余的看起来不错，所以应该这样做。

Answer 2

您还需要在 url (GET) 中传递您的参数。 像这样的东西可以工作：

$('#getmoviex').click(function(event) {
  event.preventDefault();
  $.getJSON("/Movies/moviex?SearchGenre=yuorgenre&SearchTitle=Cal&SearchActor=youractor", function(moviex) {
      var lis;
      //please check the console
      console.log(moviex);
      $.each(moviex, function(b) {
          lis += "<li id='" + b.Id + "'>" + b.Title + "</li>");
      }); document.getElementById("moviex_list").innerHTML += lis;
  });
});

为了避免序列化中的循环引用，您可以使用：

if (String.IsNullOrEmpty(SearchTitle)) {
  return View("Error");
}

var db = new CinemaContext();
var Movie = (from m in db.Movie
            Where m.Title.Contains(SearchTitle)
            select new {
             Id = m.MovieID,
             Title = m.Title // can add more properties
            }).ToList();

return Json(Movie, JsonRequestBehavior.AllowGet);