摘要：
这节将使用jQuery UI的Autocomplete方法实现文本框的自动搜索填充功能，并且这里会使用另外一个方法来实现AJAX调用服务器方法，就是通过ASP.NET HTTP handler来处理请求的数据。现在就来看下实现的步骤：1.创建SearchKeys.ashx请求处理文件，并实现以下代码：<%@ WebHandler Language="C#" Class="SearchKeys" %>using System;using System.Web;// 添加两个命名空间using System.Collections.Generic 阅读全文
摘要：
这节主要内容是通过AJAX调用页面后台代码方法实现下拉框二级联动效果，实现步骤如下：1.创建文件Recipe24.aspx,实现后台代码如下：// 引入命名空间using System.Web.Services;// 实现下拉框二级联动AJAX请求加载数据方法 [WebMethod()] public static ArrayList GetSubList(string sBuyID) { ArrayList subList = new ArrayList(); if (sBuyID == "1") { subL... 阅读全文
摘要：
这节我们来看下如何实现AJAX调用页面后台方法和web服务定义的方法，下面通过验证用户的例子，先讲解如何调用页面后台方法，具体实现步骤如下：1.新建Recipe23.aspx页面。2.在该页面的后台文件Recipe23.aspx.cs中添加引用using System.Web.Services;3.定义静态数组和初始化数据 public static string[] userNameArrray; protected void Page_Load(object sender, EventArgs e) { userNameArrray = new string... 阅读全文
摘要：
从这章开始，我们将开始讲解jQuery的AJAX相关的内容，首先需要大家自己先百度google了解下AJAX的原理，然后再来看这里的内容，就轻松很多了。基本方法使用jQuery 提供了很多AJAX方法，这里主要用到以下两个方法：1.$.ajax(settings)：它是一个底层方法，可以帮助我们创建各种类型的AJAX请求。该方法可以自定义设置多种参数类型以供AJAX调用，如可以设置HTTP请求(GET/POST)，访问的URL，请求类型(html,json等)，成功或失败的回调函数等。2.$.ajaxSetup(options)：该方法帮助我们设置页面请求AJAX的默认参数值，只要设置一次，其 阅读全文
摘要：
jQuery提供能很多实现页面动画效果的工具函数，使用这些函数，能更好的提高用户体验。首先，我们来看下，jQuery给我们提供的一些基础的动画函数：♦ animate( properties, [ duration ], [ easing ], [ callback ] )：执行一个CSS属性设置的自定义动画 properties：一组CSS属性，动画将朝着这组属性移动。 duration：一个字符串或者数字决定动画将运行多久。 easing：要使用的擦除效果的名称(需要插件支持).默认jQuery提供"linear" 和 "swing"。 callba 阅读全文
摘要：
前言这节我们来介绍ASP.NET里面的Image控件，和HTML的Image元素相比，它为开发者提供了丰富的属性和方法。除了使用这些方法属性外，我们还可以通过jquery在客户端为Image控件提供更多的功能。下面就开始介绍各种通过jQuery操作Image控件的方法：准备工作在样式各种技巧前，先准备页面代码如下： <form id="form1" runat="server"> <div align="center"> <fieldset style="width: 470px; height 阅读全文
摘要：
这节主要总结下通过jQuery简单操作GridView，以避免通过后台服务操作刷新页面。要操作简单的列表，首先需要设计界面和初始化数据：页面结构：View Code <form id="form1" runat="server"> <div align="center"> <fieldset> <div class="header"> 计算机书目录清单</div> <div> <asp:GridView ID="gvBooks& 阅读全文
摘要：
这节我们还可以通过直接设置DropDownList属性来设置jQuery validation插件的校验规则和提示信息。先看界面代码：<form id="form1" runat="server"> <div align="center"> <fieldset style="width: 350px; height: 200px;"> <table border="0" cellpadding="3" cellspacing=&quo 阅读全文
摘要：
这节介绍jQuery validation插件一个新的校验规则属性rangelength，通过数组方式赋值。这里我们举例校验ListBox两个规则：•校验必选项•选择范围在0~4项界面代码：<form id="form1" runat="server"> <div align="center"> <fieldset style="width: 350px; height: 200px;"> <table border="0" cellpadding=&q 阅读全文
摘要：
上一节已经介绍过控件CustomValidator的使用方法，下面直接看代码。界面代码：<form id="form1" runat="server"> <div align="center"> <fieldset style="width: 350px; height: 200px;"> <table border="0" cellpadding="3" cellspacing="3"> <tr> 阅读全文