基于ASP.NET的jquery based解决方案

无论是jquery还是ajax，在今天的讨论中都已经落后了，网上也有很多这方面的信息，但还是有很多新手不知所措。本文演示了如何使用jquery以最简单的方式为初学者实现ajax技术(所以本文是专门为新手写的，老鸟不应该喷，大神这里省略一万字)。至于jquery是什么，ajax是什么，自己去谷歌。首先，创建一个名为Ajax的新的空的ASP.NET网络应用程序。项目目录如下图所示。

其中，ashx文件是一个通用的处理程序，所以暂时不需要知道为什么使用，但以后会知道。Jquery-1.7.1.js可以在这里下载。首先，让我们明确我们想要实现的功能：WebForm1页面每秒向Handler1处理程序发送一个请求，Handler1将数据返回到WebForm1页面，该页面通过ajax技术进行了部分刷新。先来看看Handler1的主代码：复制代码如下： public void process request(httpcontextcontext){ random rand=new random()；int num=兰特。Next(1，10)；语境。回应。写(数)；}这个方法主要是改成上面的，生成一个1~9的随机整数返回到ProcessRequest页面。我们来看看WebForm1.aspx的主要代码：复制的代码如下： script type=' text/JavaScript ' src=' http : jquery/jquery-1 . 7 . 1 . js '/script type=' text/JavaScript ' $(文档)。ready(function(){ function get(){ $)。ajax({ type: 'Post '，url: 'Handler1.ashx '，data: ' '，success:函数(data) { $('#dataShow ')。文本(数据)；} });} setInterval(get，1000)；})/script如果我们想使用jquery，我们必须引用我们刚刚下载的文件jqury-1.7.1.js。下面的代码应该清楚吗？如果看不懂，首先要补充js的基础。在页面中添加这样的代码：复制代码如下：p id='dataShow'/p用于显示请求句柄1返回的数据。结束了！就这样！如果正常，可以在浏览器上看到一个数字从1到9随机变化。请注意，此处不刷新整个页面！如果你不相信，你可以给P标签一个边距，这样当它被显示时，滚动条会出现在浏览器高度之外。如果数据更改时滚动条没有返回顶部，则意味着它被部分刷新。至于更高级的功能，读者需要自己去查资料和研究，这只是一篇简单的入门文章。