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
相关文档：
XMLHTTPRequest是依附于浏览器的一个组件，浏览器不同针对的组件名称也不同。XMLHTTPRequest是Firefox中组件的名称，在IE中叫XMLHTTP。“XMLHTTP”有两个优点：局部刷新、异步读取。
Ajax的实现步骤：
1、 创建异步对象：
在IE中：var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
......
今天用ajax的post方式传值时，遇到一个问题，始终没有找到问题原因。后来把传的值中单引号去掉后，js正常了。
经过搜索，也没有找到具体原因。最后通过隐藏域来中转该字符串。最后解决这个问题！无语了！备忘！
js部份：
////异步调用服务器信息
function CallServiceInsert()
{
var url="";
var para ......
var xmlHttp;
function createXMLHttpRequestss() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}else if (window.XMLHttpRequest) {
& ......
Ajax
一.资源类网站
1,国内网站
1)Ajax中国(推荐)
一个专业的ajax技术网站,分类清晰,有大量的电子版教程,以及AJAX源码下载!
www.okajax.com
2)ajaxcn.org
李琨老师的blog。李琨:《ajax实战》译者.
www.ajaxcn.org
-----------------------------------------
2,国外网站
1)、Ajax的诞生
Ajax:ANewApproachtoWeb ......
页面中显示了3个问题，分别编号为1、2、3。每个问题表现为一个超链接，单击超链接触发loadFAQ函数。每个问题下面包含一个用于显示答案的div，id属性设置为“faqDetail+问题编号”，通过style="display:none"默认设置为隐藏。详细的函数说明请参考代码中的注释。
<%@ page contentType="text/plain; c ......
