在ASP.NET MVC中使用Juqery实现页面局部刷新

在ASP.NET MVC中使用Juqery实现页面局部刷新

自己做的一个实验，留作备忘，此实例包括扩一下几个文件：

1、MyMovieController.cs

2、Index.aspx

3、ViewUserControl1.ascx

4、movie类

其中MyMovieController.cs不用再说了，代码如下

MyMovieController.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Web.Mvc.Ajax;

namespace MyMVC.Controllers
{
    public class MYMovieController : Controller
    {
        //
        // GET: /MYMovie/

        public ActionResult Index()
        {
            return View();
        }
        public ActionResult Search(string query, int? page)
        {
            List<movie> movies = movie.Movies
                .Where(r => r.MovieName.Contains(query))
                .OrderByDescending(r => r.MovieName)
                .Skip((page ?? 0) * 4)
                .Take(4)
                .ToList();
            if (Request.IsAjaxRequest())
            {
                int moiveCount=movie.Movies.Where(r => r.MovieName.Contains(query)).Count();
                ViewData["totalPage"] = (int)Math.Ceiling(moiveCount / 4d);
                ViewData["query"] = query;
                return View("ViewUserControl1", movies);
            }
            else
            {
                return View();
            }
        }

    }
}


movie.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace MyMVC
{
    public  class movie
    {
        public string MovieName { get; set; }
        public string Category { get; set; }

        public movie(string movieName, string category)
        {
            this.MovieName = movieName;
            this.Category = category;
        }

        public static List<movie> Movies
        {
            get
            {
                return new List<movie>
                {
                    new movie("龙行天下","动作片"),
                    new movie("虎胆龙威","动作片"),
                    new movie("龙虎门","动作片"),
                    new movie("猛龙过江","动作片"),
                    new movie("龙的传人","动作片"),
                    new movie("龙之战","动作片"),
                    new movie("铁甲威龙","动作片"),
                    new movie("见龙卸甲","动作片")
                };
            }
        }
    }
}


 
复制代码
ViewUserControl1.ascx
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<IEnumerable<MyMVC.movie>>" %>

    <table>
        <thead>
        <tr>
            <th>
                MovieName
            </th>
            <th>
                Category
            </th>
        </tr>
        </thead>
        <tbody>
    <% foreach (var item in Model) { %>
        
        <tr>
            <td>
                <%= Html.Encode(item.MovieName) %>
            </td>
            <td>
                <%= Html.Encode(item.Category) %>
            </td>
        </tr>
       
    <% } %>
      </tbody>

    </table>

    <p>
        <% 
            int totalPage = (int)ViewData["totalPage"];
            string query = ViewData["query"].ToString();
            for (var i = 0; i < totalPage; i++)
            {
                %>
                    <a href="#" title="<%=i %>"><%= Html.Encode(i+1) %></a>
                <% 
            }
        %>
    </p>



Index.aspx