易截截图软件、单文件、免安装、纯绿色、仅160KB

Ajax特效 根据邮政编码获取地区信息 之三

用户操作界面postalcode.html
页面中包含3个文本框,分别表示邮政编码、地区和城市信息。当用户输入邮政编码后,系统将自动从服务器读取地区和城市信息,填充到对应文本框中。详细的函数说明请参考代码中的注释。
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<title>根据邮政编码获取省市信息</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
 
<script type="text/javascript">
var xmlHttp;       //用于保存XMLHttpRequest对象的全局变量
 
//用于创建XMLHttpRequest对象
function createXmlHttp() {
    //根据window.XMLHttpRequest对象是否存在使用不同的创建方式
    if (window.XMLHttpRequest) {
       xmlHttp = new XMLHttpRequest();                                     //FireFox、Opera等浏览器支持的创建方式
    } else {
       xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");     //IE浏览器支持的创建方式
    }
}
 
//仅允许输入数字
function checkNumber() {
    //判断输入字符的keyCode,数字在48~57之间,超出部分返回false
    if ((event.keyCode >= 48) && (event.keyCode <= 57)) {
        event.returnValue = true;
    } else {
        event.returnValue = false;
    }
}
 
//获取地区信息的调用函数
function getPostalCode() {
    var pCodeValue = document.getElementById("postalCode").value;   //获取输入的邮政编码
 
    //当输入的邮编长度刚好等于6时,利用XmlHttpRequest对象向服务器发出异步请求
    if (pCodeValue.length


相关文档:

c#中的Ajax上手篇---非同步请求responseText

先来写一个简单的Ajax程序,使用非同步的方式向服务器端取得TXT文件中的内容,并加以显示。首先,请准备一个HelloAjax.aspx(HTML也可):
*HelloAjax.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="HelloAjax.aspx.cs" Inherits="HelloAjax._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD ......

Ajax的异步核心:XMLHTTPRequest

    XMLHTTPRequest是依附于浏览器的一个组件,浏览器不同针对的组件名称也不同。XMLHTTPRequest是Firefox中组件的名称,在IE中叫XMLHTTP。“XMLHTTP”有两个优点:局部刷新、异步读取。
Ajax的实现步骤:
1、 创建异步对象:
在IE中:var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); ......

drupal模块推荐:AJAX Comments

http://drupal.org/project/ajax_comments AJAX Comments View CVS instructions Modules · Content display neochief - December 18, 2008 - 12:44 One of the most wanted Drupal modules :) Module is now depends on Comments bonus API! Features in 6.x: Provides ajax comments to drupal sites. Feature ......

Ajax特效:动态加载的FAQ 之一


图1.1  实例运行效果
1.1.1  技术要点
动态加载FAQ的过程主要是利用XMLHttpRequest(以下简称XHR)对象与服务端通信,根据用户单击的感兴趣问题动态将内容加载到页面中。在具体实现时,有两点要注意的内容。
1.对每个问题进行唯一标识
FAQ主要包含问题与解答两个部分,用户单击一个问题时,服务器必须知道 ......

Ajax特效 动态加载的FAQ 之二

本实例使用名为faq的数据库表,包含的数据如图1.2所示。具体的创建数据表语句如下:
 
CREATE TABLE 'faq' (
  'id' int(11) NOT NULL auto_increment,
  'faq' varchar(255) NOT NULL,
  'detail' varchar(255) NOT NULL,
  PRIMARY KEY  ('id')
)
图1.2  表faq包含的数据
主 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号