文章标签 ‘AJAX’
[转载]11 个最常用的 AJAX 开发框架汇总_IT新闻_博客园. AJAX（Asynchronous JavaScript and XML，异步 JavaScript 和 XML)，是创建交互式 Web 应用的主要开发技术。互联网中也有大量的关于 AJAX 的框架，本文汇总了最常用的 11 个框架。 1. jQuery JQuery 是一个轻量级的 JavaScript 库，兼容 CSS3，还兼容各种浏览器。JQuery 使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供 AJAX 交互。 2. MooTools MooTools 是一个简洁、模块化、面向对象的 JavaScript 库。它能够帮助你更快、更简单地编写可扩展和兼容性强的 JavaScript 代码。Mootools 跟 prototypejs 相类似，语法几乎一样。但它提供的功能要比 prototypejs 多，而且更强大。比如增加了动画特效、拖放操作等等。 3. Prototype Prototype 是 Sam Stephenson 写的一个非常优雅的 JavaScript 基础类库，对 JavaScript [...]
[转载]ASP.NET MVC中Unobtrusive Ajax的妙用 – Junfeng Liu – 博客园. Unobtrusive JavaScript有三层含义：一是在HTML代码中不会随意的插入Javsscript代码，只在标签中加一些额外的属性值，然后被引用的脚本文件识 别和处理；二是通过脚本文件所增加的功能是一种渐进式的增强，当客户端不支持或禁用了Javsscript时网页所提供的功能仍然能够实现，只是用户体验 会降低；三是能够兼容不同的浏览器。 启用Unobtrusive JavaScript的步骤： 1.在web.config文件中加入 <configuration> <appSettings> <add key=”ClientValidationEnabled” value=”true”/> <add key=”UnobtrusiveJavaScriptEnabled” value=”true”/> </appSettings> 复制代码 2.在网页中加入 <script src=”@Url.Content(“~/Scripts/JQuery-1.6.2.min.js”)” type=”text/javascript”></script> <script src=”@Url.Content(“~/Scripts/JQuery.unobtrusive-ajax.js”)” type=”text/javascript”></script> <script src=”@Url.Content(“~/Scripts/jQuery.validate.min.js”)” type=”text/javascript”></script> <script src=”@Url.Content(“~/Scripts/jQuery.validate.unobtrusive.min.js”)” type=”text/javascript”></script> 复制代码 使用Unobtrusive Ajax主要有两个用途：做客户端的输入验证和异步的表单提交。客户端验证基本上是自动的，不用做特别的处理。下面用一个例子重点说一下提交表单。 数据模型是这样的：每个类别有很多属性，属性可以分组，属性组可以嵌套。然后在网页创建和编辑属性组，示意图如下： 这是我半年前写的代码： $(this).find(“.CreatePropertyGroup”).click(function () [...]
[转载]降低即时搜索的服务器压力 – 我有我在 – 博客园. 在做即时搜索（就是像百度搜索输入文本框内容的时候自动搜索出类似的信息）的时候一般都是点击键盘触发搜索事件 一般用onkeydowm或onkeyup （也许onpropertychange是很好的，但可惜在ff和chorme下是不支持的）这样每次点击键盘就会搜索 如果有很多用户的情况下，那么服务器的压力是很大的 怎么办 只能减少提交搜索次数解决了下面这两个方法是文本框每次onkeyup的触发事件—Str是搜索关键字 AjaxSearch: function (Str) { if (Str.trim() == “”) { return false; } if (NetHome.PostMessage.posting == false) { //NetHome.PostMessage.posting 一个判断是否在提交中的变量 NetHome.PostMessage.posting = true; setTimeout(“NetHome.Utility.AjaxSearching()”, 1000); } }, AjaxSearching: function () { var Str = $(‘#searchtxt’).val().trim();//文本框的值 $.post(“/Ajax/AjaxSearch”, { SearchKey: Str }, function (Msg) { [...]
[转载]反向Ajax，第1部分：Comet介绍_知识库_博客园. 前言 web开发在过去的几年中有了很大的进展，我们已经远超了把静态网页链接在一起的做法，这种做法会引起浏览器的刷新，并且要等待页面的加载。现 在需要的是能够通过web来访问的完全动态的应用，这些应用通常需要尽可能的快，提供近乎实时的组件。在这一新的由五部分组成的文章系列中，我们学习如何 使用反向Ajax（Reverse Ajax）技术来开发事件驱动的web应用。 在这第一篇文章中，我们要了解反向Ajax、轮询（polling）、流（streaming）、Comet和长轮询（long polling），学习如何实现不同的反向Ajax通信技术，并探讨每种方法的优点和缺点。你可以下载本文中例子的相应源代码。 Ajax、反向Ajax和WebSocket 异步的JavaScript和XML（Asynchronous JavaScript and XML，Ajax），一种可通过JavaScript来访问的浏览器功能特性，其允许脚本向幕后的网站发送一个HTTP请求而又无需重新加载页面。 Ajax的出现已经超过了十年，尽管其名字中包含了XML，但你几乎可以在Ajax请求中传送任何的东西，最常用的数据是JSON，其与 JavaScript语法很接近，且消耗更少带宽。清单1给出了这样的一个例子，Ajax请求通过某个地方的邮政编码来检索该地的名称。 清单1. Ajax请求举例 var url =‘http://www.geonames.org/postalCodeLookupJSON?postalcode=‘ + $(‘#postalCode‘).val() +‘&country=‘ + $(‘#country‘).val() +‘&callback=?‘; $.getJSON(url, function(data) { $(‘#placeName‘).val(data.postalcodes[0].placeName); }); 在本文可下载的源代码中，你可在listing1.html中看到这一例子的作用。 反向Ajax（Reverse Ajax）本质上则是这样的一种概念：能够从服务器端向客户端发送数据。在一个标准的HTTP Ajax请求中，数据是发送给服务器端的，反向Ajax可以某些特定的方式来模拟发出一个Ajax请求，这些方式本文都会论及，这样的话，服务器就可以尽 可能快地向客户端发送事件（低延迟通信）。 WebSocket技术来自HTML5，是一种最近才出现的技术，许多浏览器已经支持它（Firefox、Google Chrome、Safari等等）。WebSocket启用双向的、全双工的通信信道，其通过某种被称为WebSocket握手的HTTP请求来打开连 接，并用到了一些特殊的报头。连接保持在活动状态，你可以用JavaScript来写和接收数据，就像是正在用一个原始的TCP套接口一样。 WebSocket会在这一文章系列的第二部分中谈及。 反向Ajax技术 反向Ajax的目的是允许服务器端向客户端推送信息。Ajax请求在缺省情况下是无状态的，且只能从客户端向服务器端发出请求。你可以通过使用技术模拟服务器端和客户端之间的响应式通信来绕过这一限制。 HTTP轮询和JSONP轮询 轮询（polling）涉及了从客户端向服务器端发出请求以获取一些数据，这显然就是一个纯粹的Ajax HTTP请求。为了尽快地获得服务器端事件，轮询的间隔（两次请求相隔的时间）必须尽可能地小。但有这样的一个缺点存在：如果间隔减小的话，客户端浏览器 就会发出更多的请求，这些请求中的许多都不会返回任何有用的数据，而这将会白白地浪费掉带宽和处理资源。 图1中的时间线说明了客户端发出了某些轮询请求，但没有信息返回这种情况，客户端必须要等到下一个轮询来获取两个服务器端接收到的事件。 图1. 使用HTTP轮询的反向Ajax JSONP轮询基本上与HTTP轮询一样，不同之处则是JSONP可以发出跨域请求（不是在你的域内的请求）。清单1使用JSONP来通过邮政编码获取地名，JSONP请求通常可通过它的回调参数和返回内容识别出来，这些内容是可执行的JavaScript代码。 要在JavaScript中实现轮询的话，你可以使用setInterval来定期地发出Ajax请求，如清单2所示： 清单2. JavaScript轮询 setInterval(function() { [...]
[转载]基于Jquery+Ajax+Json+高效分页 – 欧西 – 博客园. 摘要 分页我相信大家存储过程分页已经很熟悉了，ajax更是耳熟能详了，更别说我们的json，等等。 如果说您没用过这些东东的话，我相信看完这篇博文会对您有帮助的，，如果有任何问题不懂或者有bug没问题，欢迎随时联系我， 同时也欢迎高手多给点意见，我不建议在喷子中成长。 本人QQ:364175837 前言 相信很多朋友都用过，JQuery的分页插件，我之前就用的JQuery.paper这个,如果有兴趣可以留下QQ，我发份简单的实例源码给您。 该代码是晚上匆忙中完成的，所以没怎么优化，但是主要作为实例来结合这些知识的一个综合运用。好了废话不多说，直接上代码。 vs2010+SQL2005express 正文 首先我们创建一般处理程序，来读取数据库中内容，得到返回值. 创建文件，GetData.ashx. 我这里是用的存储过程，存储过程会再下面粘出来，至于数据只是实例，你们可根据需求自行读取数据 代码如下： <%@ WebHandler Language="C#" Class="GetData" %> using System; using System.Web; using System.Data.SQLClient; using System.Data; using System.Collections.Generic; using System.Web.Script.Serialization; public class GetData : IHttpHandler { public void ProcessRequest (HttpContext context) { context.Response.ContentType = "text/plain"; var pageIndex = context.Request["PageIndex"]; [...]
