在vs2008中使用AJAX开发.net 2.0下的Web程序的方法

先安装asp.net ajax extensions 此功能是提供.net 2.0 开发AJAX的Client-Side功能
     接下来安装Microsoft ASP.NET 2.0 AJAX Templates for Visual Studio 2008 模板套件

这样就可以在vs2008中选择AJAX模板
但是必须修改web.config的设定 指定特定的组件版本
最简单的方法是新建一个AJAX 页面 然后复制web.config内容跟旧页面对比 没有的添加上 有的覆盖掉。

加入以下设定


代码如下:

<pages>
<controls>
<add tagPrefix="asp" namespace="System.Web.UI" assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
</controls>
</pages>

接下来加入


代码如下:

<compilation debug="true" strict="false" explicit="true">
<assemblies>
<add assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
<add assembly="System.Web.Extensions.Design, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
</assemblies>
</compilation>

新建一个页面，复制以下代码：


代码如下:

<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<label runat="server" id="lableTime">
</label>
<% =DateTime.Now.ToString()%>
<asp:Button ID="Button3" runat="server" Text="更新" OnClick="Button2_Click" />
<asp:Timer ID="Timer1" runat="server" Interval="1000">
</asp:Timer>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Button2" EventName="Click" />
</Triggers>
</asp:UpdatePanel>
<br />
<% =DateTime.Now.ToString()%>
<asp:Button ID="Button2" runat="server" Text="更新" OnClick="Button2_Click" />
<asp:Button ID="Button1" runat="server" Text="更新" />
</div>
</form>

后台：


代码如下:

protected void Button2_Click(object sender, EventArgs e)
{
lableTime.InnerText = DateTime.Now.ToString();
}

运行一下，成功实现无刷新。

赞 (0)

相关推荐

  • 使用GruntJS构建Web程序之合并压缩篇

    使用GruntJS构建Web程序之合并压缩篇

    有如下步骤: 1.新建项目Bejs2.新建文件package.json3.新建文件Gruntfile.js4.命令行执行grunt任务 一.新建项目Bejs源码放在src下,该目录有两个子目录asset和js.js下放selector.js和ajax.js,这在上一篇已经讲了如何合并压缩它们.这篇只关注asset目录,asset目录下放了一些图片和css文件.一会会把两个css资源reset.css和style.css合并,压缩到dest/asset目录.一个合并版本all.css,一个压缩版本

  • 一个超级简单的python web程序

    在MAC/LINUX环境下,执行vi hello.py命令,并输入以下代码 import web import sys urls = ("/Service/hello","hello") app = web.application(urls,globals()) class hello: def GET(self): return 'Hello,world!'; if __name__=="__main__": app.run() 执行pytho

  • C#取得Web程序和非Web程序的根目录的N种取法总结

    非Web程序 1.AppDomain.CurrentDomain.BaseDirectory 2.Environment.CurrentDirectory 3.HttpRuntime.BinDirectory The path to the current application's/bin directory. Web程序 HttpCurrent.Context.Server.Mappath();

  • Web程序工作原理详解

    Web程序工作原理详解

    1.Web程序工作原理 (1)Web一词的含义 Network:[计算机]电脑网络,网 Web:[计算机]万维网(WorldWideWeb),互联网(Internet) Web程序,顾名思义,即工作在Web上的程序. (2)单机程序工作原理 单机,即不连接到其他计算机的计算机,不在网络中.例如:两单机A.B,只在A上安装有程序X,若要在B上得到X的运行结果,则必须在B上安装一遍X,然后运行.若B类的计算机比较多,则需要逐一安装运行.它们之间不能直接进行通信和协作.如图1所示. (3)客户机/服务

  • python+mysql实现简单的web程序

    这次要为我的python程序加上数据库,主要是实现从mysql中查询出数据并在页面上显示出来. 首先是mysql的配置文件config.py host="127.0.0.1" user="root" password="" charset="utf8" database="service" port=3306 然后是从数据库中读取数据的aService.py import MySQLdb import sy

  • 在vs2008中使用AJAX开发.net 2.0下的Web程序的方法

    先安装asp.net ajax extensions 此功能是提供.net 2.0 开发AJAX的Client-Side功能     接下来安装Microsoft ASP.NET 2.0 AJAX Templates for Visual Studio 2008 模板套件 这样就可以在vs2008中选择AJAX模板但是必须修改web.config的设定 指定特定的组件版本 最简单的方法是新建一个AJAX 页面 然后复制web.config内容跟旧页面对比 没有的添加上 有的覆盖掉. 加入以下设定

  • Ajax案例集下载：新增分页查询案例（包括《Ajax开发精要》中的两个综合案例） 下载

    Ajax案例集下载：新增分页查询案例（包括《Ajax开发精要》中的两个综合案例） 下载

    在<Ajax开发精要>中,我构建了两个简单的综合范例.一个是支持增.删.改.模糊搜索的简单留言簿,另外一个是模拟MSN Space所提供的日志评论.固定链接.引用通告以及自定义列表管理的功能. 今天新增一个分页查询的案例.同样的,与之前的两个案例类似,分页查询的持久化数据依然来自xml文档,以方便网友的拷贝和部署.构建这个案例的方法与之前两个案例大致相当,都是使用XMLHttpRequest.responseXML获取数据,然后填充到页面的相应位置.构建过程中注意代码复用. <Ajax开

  • AJAX开发技术在PHP开发中的简单应用技巧

    [AJAX介绍] Ajax是使用客户端脚本与Web服务器交换数据的Web应用开发方法.Web页面不用打断交互流程进行重新加裁,就可以动态地更新.使用Ajax,用户可以创建接近本地桌面应用的直接.高可用.更丰富.更动态的Web用户界面. 异步JavaScript和XML(AJAX)不是什么新技术,而是使用几种现有技术--包括级联样式表(CSS).JavaScript. XHTML.XML和可扩展样式语言转换(XSLT),开发外观及操作类似桌面软件的Web应用软件. [AJAX执行原理] 一个Aja

  • IntelliJ IDEA中ajax开发实现分页查询示例

    JavaEE三层架构实现ajax分页查询 开发环境: 系统 window10 IDE:IntelliJ IDEA2017.3.2 数据库:MySQL5.5 数据库连接工具: Navicat 浏览器:chrome 版本号 65.0.3325.181 第一步:代码实现之前期准备 在IDEA中开发前期配置的工作,网上的帖子很多,我 在这里就不再赘述.主要说三点 在服务器的配置中,红色框框的两项要选择update classes and resource ,选择了之后可以实现热部署. 要在此处填写项目的

  • 浅谈关于angularJs中使用$.ajax的注意点

    本文介绍了关于angularJs中使用$.ajax的注意点,分享给大家,具体如下 从技术上来讲,angular 与 jquery混用,是一件不太合适的,但是为什么这个话题争论至今依旧仁者见仁智者见智, 除了便捷度,还有可能就是jquery有些地方确实比angular要全面些,就比如说ajax跨域方面. 我本人平时用angular开发的时候,基本上就只是用angular,即便有angular.element 这个方法也是尽量少使用,我建议大家如果使用框架,尽量就使用一种,因为这些都是封装的方法,难

  • 在Ruby on Rails中使用AJAX的教程

    在Ruby on Rails中使用AJAX的教程

    如果没有听说过 Rails,那么欢迎您外星旅行归来,近几年大概只有那个地方没有听说过 Ruby on Rails 了.Rails 最吸引人的地方是能够很快地建立功能完备的应用程序并运行起来.Rails 为 Ajax 而内置集成的 Prototype.js 库可以轻松快速地创建所谓的富 Internet 应用程序. 本文将逐步引导您创建 Rails 应用程序.然后深入分析如何利用 Ajax 特性编写从服务器上读写数据的 JavaScript 代码. 从容起步 Ajax 之旅--Ajax 技术资源中

  • Zend Framework框架中实现Ajax的方法示例

    Zend Framework框架中实现Ajax的方法示例

    本文实例讲述了Zend Framework框架中实现Ajax的方法.分享给大家供大家参考,具体如下: 开发平台:Windows XP SP2 测试平台:FreeBSD 7.0 开发工具:Netbeans 6.1 使用框架:Zend Framework 1.5.2 数据库: MySQL 5.0.51a 所需的数据库表和ZF相关目录以及文件: 一.表: mysql> select * from news; +----+-------+---------------------+ | id | tit

  • asp.net 使用ObjectDataSource控件在ASP.NET中实现Ajax真分页

    asp.net 使用ObjectDataSource控件在ASP.NET中实现Ajax真分页

    ListView控件本身并没有分页功能,不过借助于ASP.NET中新增加的DataPager控件,我们可以非常方便地对ListView中的数据设置分页,这几乎不需要开发人员写一行代码,将ListView控件放到页面上,设置好布局和DataSource,然后再添加一个DataPager控件,将它的PagedControlID属性设置成ListView的ID,PageSize中设置每页要显示的数据条数,然后在Fields中设置好分页的样式(当然你完全可以不用去管样式,ASP.NET会根据内置的样式来

  • ASP.NET中JQuery+AJAX调用后台

    做订餐系统手机端时,遇到一个问题,实现登录功能时,我要调用后台的方法进行验证和判断.我们应用的是webForm进行开发的,正常情况下只要绑定按钮的方法,前后台对应就可以实现.但是,手机端应用MUI样式之后,就不适用于这种情况了.基于这个问题,我们使用JQuery+Ajax技术,其实MUI中也自带ajax技术. 实现过程: webForm代码: function login() { var name = document.getElementById("username").value;

  • AJAX开发简略 (第二部分)

    AJAX开发简略 (第二部分)

    七.AJAX开发 到这里,已经可以清楚的知道AJAX是什么,AJAX能做什么,AJAX什么地方不好.如果你觉得AJAX真的能给你的开发工作带来改进的话,那么继续看看怎么使用AJAX吧. 7.1.AJAX应用到的技术 AJAX涉及到的7项技术中,个人认为Javascript.XMLHttpRequest.DOM.XML比较有用. A.XMLHttpRequest对象 XMLHttpRequest是XMLHTTP组件的对象,通过这个对象,AJAX可以像桌面应用程序一样只同服务器进行数据层面的交换,而

随机推荐