原文作者：杨友山

原文地址：http://blog.csdn.net/yysyangyangyangshan/article/details/39679823

前面也说过在asp.net中前后前交互的问题。使用了ajax.js的方法：$.post和$.ajax。

http://blog.csdn.net/yysyangyangyangshan/article/details/22755007和
http://blog.csdn.net/yysyangyangyangshan/article/details/22438077
这样的方式对于少量控件的更新和取值，以及button的操作事件等都比較适用。

只是对于gridview控件的绑定就不方便了，使用gridview的databind在线程中不能绑定数据。所以这里再介绍一种无刷新页面的方法，也就是updatepanel控件。

也是ajax中的。

不多说了，直接看用法。

1、准备工作。
须要准备例如以下三个dll。
System.Web.Extensions.Design.dll
System.Web.Extensions.dll
AjaxControlToolkit.dll
前两个都好说，仅仅要安装ASPAJAXExtSetup 1.0.exe就有了，详细文件夹在：安装盘\Microsoft ASP.NET\ASP.NET 2.0 AJAX Extensions\v1.0.61025下。
对于AjaxControlToolkit.dll则须要安装AjaxControlToolkit-framework x.x。
本文是针对.net framework2.0的，所下面载AjaxControlToolkit-framework2.0 ，这个网上有带源代码的。

下载地址：http://download.csdn.net/detail/yysyangyangyangshan/7991393
将这三个dll引用到project中。AjaxControlToolkit.dll这里下载的是源代码，须要自己把程序集生成为dll再引用进project中来。

在工具箱中就有了例如以下控件：

2、 配置文件
web.config中须要添加例如以下节点
<system.web></system.web>中：
      <httpHandlers>
        <remove verb="*" path="*.asmx"/>
        <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
        <add verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" validate="false"/>
     </httpHandlers>
1.0.61025.0要和ASPAJAXExtSetup安装后的文件夹版本号相应。
3、页面注冊
<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI" TagPrefix="asp" %>
用法例如以下：
这里简单实现下面：点击button，然后页面文本框显示当前时间。

project：
001
前台： 

<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"

    Namespace="System.Web.UI" TagPrefix="asp" %>

<!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></title>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <asp:ScriptManager ID="ScriptManager1" runat="server">

        </asp:ScriptManager>

        <asp:updatepanel runat="server">

         <ContentTemplate>

            <asp:TextBox ID="txtTime" runat="server" Width="150px"></asp:TextBox>

            <asp:Button  ID="btnTime" runat="server" Text="获取系统时间" OnClick="Btn_Time_Click"/>

         </ContentTemplate>

        </asp:updatepanel>

    </div>

    </form>

</body>

</html>

后台： 

  public partial class _Default : System.Web.UI.Page

    {

        protected void Page_Load(object sender, EventArgs e)

        {

        }

        protected void Btn_Time_Click(object sender, EventArgs e)

        {

            this.txtTime.Text = DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss");

        }

    }

web.config配置 

<?xml version="1.0"?

>

<configuration>

    <appSettings />

    <connectionStrings />

    <system.web>

        <compilation debug="true">

        </compilation>

        <!--

            通过 <authentication> 节能够配置

            安全身份验证模式，ASP.NET

            使用该模式来识别来訪用户身份。

-->

        <authentication mode="Windows" />

        <!--

            假设在运行请求的过程中出现未处理的错误，

            则通过 <customErrors> 节

            能够配置相应的处理步骤。详细而言。

            开发者通过该节可配置要显示的 html 错误页。

            以取代错误堆栈跟踪。

        <customErrors mode="RemoteOnly" defaultRedirect="GenericErrorPage.htm">

            <error statusCode="403" redirect="NoAccess.htm" />

            <error statusCode="404" redirect="FileNotFound.htm" />

        </customErrors>

        -->

      <httpHandlers>

        <remove verb="*" path="*.asmx"/>

        <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>

        <add verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" validate="false"/>

     </httpHandlers>

    </system.web>

</configuration>

这样一来。button的click事件后，页面就不会总体刷新了。而updatepanel要注意写法： 

<asp:ScriptManager ID="ScriptManager1" runat="server">

        </asp:ScriptManager>

        <asp:updatepanel runat="server">

         <ContentTemplate>

           <!--放置你的控件-->

         </ContentTemplate>

        </asp:updatepanel>

这样不论是简单的textbox。还是对gridview绑定都能够了。

另外，针对updatepanel之间的控件，假设有的须要局部刷新，有的须要总体页面刷新，能够用到Triggers标签。格式例如以下：

<asp:ScriptManager ID="ScriptManager1" runat="server">

 </asp:ScriptManager>

<asp:updatepanel runat="server">

<ContentTemplate>

<!-- 用户控件-->

</ContentTemplate>

<Triggers>

    <asp:AsyncPostBackTrigger ControlID="" EventName="" />

    <asp:PostBackTrigger ControlID="" />

  </Triggers>

</asp:updatepanel>

而每一次局部刷新完毕后的事件也是能够加以利用的。假设想在刷新完后再做某些处理，能够在script中加例如以下代码：

<script type="text/javascript">

    $(function () {

        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);

    });

    function EndRequestHandler() {

       //刷新后的操作

    }

  </script>

使用的样例见下文。
代码下载：http://download.csdn.net/detail/yysyangyangyangshan/7991427

ASP.NET—015：ASP.NET中无刷新页面实现的更多相关文章

  1. Asp:Button控件onclick事件无刷新页面提示消息

    <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptMana ...

  2. ASP.NET ashx实现无刷新页面生成验证码

    现在大部分网站登陆时都会要求输入验证码,在网上也看了一些范例,现在总结一下如何实现无刷新页面生成验证码. 效果图: 实现方式: 前台: <div> <span>Identify ...

  3. 只需要4步就可以将asp.net mvc变成SPA(单页面)应用,实现无刷新页面切换!

    SENNA.js Senna.js是一个超快速的单页面应用程序引擎,轻松构建基于Web的现代应用程序,只有大约8KB的JavaScript而没有任何依赖性.还提供非常酷炫的动画效果.想要详细了解的朋友 ...

  4. ASP.NET Core Web API中带有刷新令牌的JWT身份验证流程

    ASP.NET Core Web API中带有刷新令牌的JWT身份验证流程 翻译自:地址 在今年年初,我整理了有关将JWT身份验证与ASP.NET Core Web API和Angular一起使用的详 ...

  5. 如何在ASP.NET Core 2.0中使用Razor页面

    如何在ASP.NET Core 2.0中使用Razor页面  DotNetCore2017-11-22 14:49 问题 如何在ASP.NET Core 2.0中使用Razor页面 解 创建一个空的项 ...

  6. JSF中使用f:ajax标签无刷新页面改变数据

    ajax本是用在前端的一种异步请求数据的操作,广泛用于js中,一般的js框架如jq都有被封装好的方法,用于发起异步请求操作.异步操作可以增强用户体验和操作,越来越多的程序都在使用ajax.JSF的fa ...

  7. Ajax 实现无刷新页面

    注意:如本文所用,在前面的文章库的数目可以在源代码中找到,我将指示在文本,其中链路,为了缩短制品的长度,阅读由此带来的不便.乞求被原谅. 评论文章 Ajax 实现无刷新页面.其原理.代码库.代码. 这 ...

  8. 使用AJAX做关键字查询：输入框变化自动搜索、无刷新页面;

    使用AJAX做关键字查询要求:1.无刷新页面2.输入框变化自动搜索 <style type="text/css"> .k{ width:150px; height:30 ...

  9. asp.net中Timer定时器在web中无刷新的使用

    最近在做一个项目的时候,web端的数据需要与数据源进行实时同步,并保证数据的准确性,当时,考虑到使用ajax异步刷新技术.但后来在网上查找相关资料时,发现这样做,太浪费资源了,因为ajax的提交请求不 ...

随机推荐

  1. MVC设计模式一

    一:基础知识 1.mvc model view control 2.模型 是应用程序的主体部分,模型表示业务数据与业务逻辑. 一个模型可以为多个视图提供数据 提高了代码的可重用性 3.视图 用户看到的 ...

  2. CSUOJ 1900 锋芒不露

    Description 小闪最近迷上了二刀流--不过他耍的其实是剑--新买了一个宝库用来专门存放自己收集的双剑.一对剑有两把,分只能左手用的和只能右手用的,各自有一个攻击力数值.虽然一对剑在小闪刚拿到 ...

  3. Am335x SPI 驱动测试

    内核版本:3.14.65 CPU:Am335x 1.编译内核: make menuconfig Device Drivers -> <*>SPI support -> < ...

  4. properties中的编码如何生成：例如\u7AD9\u70B9这种

    在eclipse中的properties中的一种编码,例如\u7AD9\u70B9,是如何自动生成的. 这种编码方式当你要增加某个字段的时候,也要相应的添加这种编码方式下的格式,具体方法如下:

  5. spring4声明式事务—02 xml配置方式

    1.配置普通的 controller,service ,dao 的bean. <!-- 配置 dao ,service --> <bean id="bookShopDao& ...

  6. python opencv3 背景分割 mog2 knn

    git:https://github.com/linyi0604/Computer-Vision 使用mog2算法进行背景分割 # coding:utf-8 import cv2 # 获取摄像头对象 ...

  7. JavaSE基础之封装

    JavaSE基础之封装 一.Java中的封装 1.字面意思: 包装: 2.专业含义: 面向对象的三大特征之一: 指的是将对象的状态信息隐藏在对象内部,不允许外部程序直接访问对象内部信息,而是通过该类所 ...

  8. BZOJ2673 [Wf2011]Chips Challenge 费用流 zkw费用流 网络流

    https://darkbzoj.cf/problem/2673 有一个芯片,芯片上有N*N(1≤N≤40)个插槽,可以在里面装零件. 有些插槽不能装零件,有些插槽必须装零件,剩下的插槽随意. 要求装 ...

  9. Linux下gcc与g++用法以及编写makefile

    1.         gcc与g++编译流程: 1)         编译流程: 2)         预处理:生成.i的预处理文件. Ø 只激活预处理,这个不生成文件,需要把它重定向一个输出文件. ...

  10. poj 3264 线段树

    题目意思:给定Q(1<=Q<=200000)个数A1,A2,```,AQ, 多次求任一区间Ai-Aj中最大数和最小数的差 线段树太弱了,题目逼格一高连代码都读不懂,今天开始重刷线段树,每天 ...