自己做的一个实验，留作备忘，此实例包括扩一下几个文件：
1、MyMovieController.cs
2、Index.aspx
3、ViewUserControl1.ascx
4、movie类
其中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 ?? ) * )

                .Take()

                .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();

            }

        }

    }

}

MyMovieController.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("见龙卸甲","动作片")

                };

            }

        }

    }

}

movie.cs

<%@ 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 = ; i < totalPage; i++)

            {

                %>

                    <a href="#" title="<%=i %>"><%= Html.Encode(i+) %></a>

                <%

            }

        %>

    </p>

ViewUserControl1.ascx

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

    <title>Index</title>

    <style type="text/css">

        #result table thead tr

        {

            background-color:#cccccc;

        }

    </style>

    <script src="../../Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>

    <script type="text/javascript">

        //发送异步请求，将结果输出到<div id="result"></div>中

        //最后一个参数可以是"html"也可以是"text"

        function search(query, page)

        {

            $.post("/MYMovie/Search", "query=" + query + "&page=" + page, function(data)

            {

                $("#result").html(data);

                $("#result table tbody tr:odd").css("background", "#F5DEB3");

            }, "text"

            );

            //屏蔽超级链接跳转

            return false;

        }

        $(function()

        {

            //为搜索按钮绑定事件

            $("#search").click(function()

            {

                search($("#query").val());

            })

            //为新生成的分页连接绑定click事件

            $("a").live("click", function()

            {

                search($("#query").val(), $(this).attr("title"));

            });

        })

    </script>

</head>

<body>

    <div>

        <h2>搜索电影</h2>

        <%= Html.TextBox("query") %>

        <input type="button" id="search" value="提交" />

        <div id="result"></div>

    </div>

</body>

</html>

Index.aspx

在ASP.NET MVC中使用Juqery实现页面局部刷新的更多相关文章

  1. 2.ASP.NET MVC 中使用Crystal Report水晶报表

    上一篇,介绍了怎么导出Excel文件,这篇文章介绍在ASP.NET MVC中使用水晶报表. 项目源码下载:https://github.com/caofangsheng93/CrystalReport ...

  2. 关于 ASP.NET MVC 中的视图生成

    在 ASP.NET MVC 中,我们将前端的呈现划分为三个独立的部分来实现,Controller 用来控制用户的操作,View 用来控制呈现的内容,Model 用来表示处理的数据. 从控制器到视图 通 ...

  3. 在Asp.Net MVC 中配置 Serilog

    Serilog 是一种非常简便记录log 的处理方式,使用Serilog可以生成本地的text文件, 也可以通过 Seq 来在Web界面中查看具体的log内容. 接下来就简单的介绍一下在Asp.Net ...

  4. 如何在 ASP.NET MVC 中集成 AngularJS（3）

    今天来为大家介绍如何在 ASP.NET MVC 中集成 AngularJS 的最后一部分内容. 调试路由表 - HTML 缓存清除 就在我以为示例应用程序完成之后,我意识到,我必须提供两个版本的路由表 ...

  5. 如何在 ASP.NET MVC 中集成 AngularJS（2）

    在如何在 ASP.NET MVC 中集成 AngularJS(1)中,我们介绍了 ASP.NET MVC 捆绑和压缩.应用程序版本自动刷新和工程构建等内容. 下面介绍如何在 ASP.NET MVC 中 ...

  6. 《Entity Framework 6 Recipes》中文翻译系列 (20) -----第四章 ASP.NET MVC中使用实体框架之在MVC中构建一个CRUD示例

    翻译的初衷以及为什么选择<Entity Framework 6 Recipes>来学习,请看本系列开篇 第四章  ASP.NET MVC中使用实体框架 ASP.NET是一个免费的Web框架 ...

  7. asp.net mvc 中 一种简单的 URL 重写

    asp.net mvc 中 一种简单的 URL 重写 Intro 在项目中想增加一个公告的功能,但是又不想直接用默认带的那种路由,感觉好low逼,想弄成那种伪静态化的路由 (别问我为什么不直接静态化, ...

  8. 在 ASP.NET MVC 中充分利用 WebGrid (microsoft 官方示例)

    在 ASP.NET MVC 中充分利用 WebGrid https://msdn.microsoft.com/zh-cn/magazine/hh288075.aspx Stuart Leeks 下载代 ...

  9. ASP.NET MVC中的两个Action之间值的传递--TempData

    一. ASP.NET MVC中的TempData 在ASP.NET MVC框架的ControllerBase中存在一个叫做TempData的Property,它的类型为TempDataDictiona ...

随机推荐

  1. python基础知识2——基本的数据类型——整型，长整型，浮点型，字符串

    磨人的小妖精们啊!终于可以归置下自己的大脑啦,在这里我要把--整型,长整型,浮点型,字符串,列表,元组,字典,集合,这几个知识点特别多的东西,统一的捯饬捯饬,不然一直脑袋里面乱乱的. 对于Python ...

  2. SQL Server 数据库的维护(四)__游标(cursor)

    --维护数据库-- --游标(cursor)-- --概述: 注:使用select语句查询结果的结果集是一个整体,如果想每次处理一行或一部分行数据,游标可以提供这种处理机制.可以将游标理解为指针.指针 ...

  3. MVC Cookie的使用

    1.创建Cookies有两种方法: Response.Cookies["userName"].Value = "patrick"; Response.Cooki ...

  4. EditPlus远程编辑、语法高亮、编译运行源代码设置

    最近写代码的过程中,除了写Java时用的Eclipse.在Linux下编辑的Vi之外,有时也会用EditPlus打开一些文件,如配置文件.日志文件.脚本等.个人觉得EditPlus在很多场景下比较好用 ...

  5. VC++ 对话框程序响应键盘消息的处理方法的说明(非常重要)

    基于MFC对话框的应用程序在响应按键消息和热键方面都力不从心,CDialog类的消息循环中去掉了TranslateAccelerator函数,因此不能响应热键:同时由于对话框上可能有很多控件,且默认情 ...

  6. 【转】NVelocity模板引擎初学总结

    转自:http://sunxitao88.blog.163.com/blog/static/68314439200861963326251/ 前不久,接触到.NET下的MVC-MonoRail,它推荐 ...

  7. IOS系列swift语言之课时四

    今天我们要讲的主要有:下标.可为空的类型.枚举(特殊的枚举:递归枚举).原生值.关联值 首先来分析一下这个下标,就是说我们可以通过下标找到对应的值或者是改变对应的值. 其次是可为空的类型,我们要牢记所 ...

  8. 使用MLeaksFinder检测项目中的内存泄露

    github地址:https://github.com/Zepo/MLeaksFinder MLeaksFinder使用简单方便,可以帮助你在开发时发现内存泄露你的iOS应用.它可以自动发现和UIVi ...

  9. 刚看到的感觉会用的到 收藏一下 常用的iOS第三方资源 (转)

    原文出处:http://blog.csdn.net/ruiwang321/article/details/50591888 一:第三方插件 1:基于响应式编程思想的oc 地址:https://gith ...

  10. Linux QT

    Check system version 1.  cat /proc/version mike@sp-ThinkPad-X220:~$ cat /proc/versionLinux version 3 ...