net中怎么实现onmouseover一个按钮后更新页面中的一个小页面？

Question

net中怎么实现onmouseover一个按钮后更新页面中的一个小页面？

Answer 1

ajax，不过onmouseover对服务器资源耗费挺大的。

Answer 2

本帖最后由 net_lover 于 2012-07-21 21:59:45 编辑

  

Answer 3

前台AjaxRefresh.aspx:<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %><asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    AjaxRefresh
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <h2>
        AjaxRefresh</h2>
    <div id="firstDiv" style="border:1px;border-style:solid" onmouseover="AjaxRefresh()" onmouseout="RecoverOriginalPage()">
        第一块DIV区域内容，在mouserover时会被刷新成新的内容（例如数据库中读取的内容），mouseout时候恢复原状</div>
    <br />
    <div id="secondDiv" style="border:1px;border-style:solid">
        第二个DIV区域的内容，按钮出发刷新时间时候不会刷新该区块内容
        <br />
        <%--<input id="btnRefresh" name="btnRefresh" type="button" value="Partial Refresh" onclick="AjaxRefresh()" />--%>
    </div>
    <script language="javascript" type="text/javascript">        var AjaxRefresh = function () {
            $.ajax({
                url: "/Test/TestAjaxFresh",
                dataType: "json",
                type: "post",
                success: function (result) {
                    $("#firstDiv").html(result.data);
                }
            })
        }        var RecoverOriginalPage = function () {
            $("#firstDiv").html("第一块DIV区域内容，在mouserover时会被刷新成新的内容（例如数据库中读取的内容），mouseout时候恢复原状");
        }
    </script>
</asp:Content>
后台TestController：
[code=C#]        public ActionResult AjaxRefresh()
        {
            return View();
        }        public JsonResult TestAjaxFresh()
        {
            //这块数据就表示你数据库里自己要捞出来去更新的数据
            var dataYouGet = "刷新后的第一块区块，测试成功！";            return Json(new { data = dataYouGet }, JsonRequestBehavior.AllowGet);
        }[/code]

Answer 4

这与.net没有什么关系。在javascript客户端mouseoverd的时候你去获得新的数据，然后刷新dom对象值,这种客户端设计思路并不纠结服务器端的.net编程。