AJAX实例：根据邮编自动完成地址信息
发布时间：2008-03-06 19:44:00
标签：邮编,ajax,购物车
在注册或购物车结帐的时候，需要用户填入个人资料，这个环节可以简练一下，我们只需客人填入邮政编码，然后就根据这个邮政编码，自动从数据库中取出相应的省，市等地址信息。这样既可以减少客户的输入，增加客户体验，又可以减少由于资料输入而产生的错误。
<script>
function createRequestObject() {
var ro;
var browser = navigator.appName;
if(browser == "Microsoft Internet Explorer"){
ro = new ActiveXObject("Microsoft.XMLHTTP");
}else{
ro = new XMLHttpRequest();
}
return ro;
}
var http = createRequestObject();
function sndReq(zip) {
http.open('get', 'zipcode.asp?zip='+zip);//zipcode.asp处理邮政编码，并返回省市信息
http.onreadystatechange = handleResponse;
http.send(null);
}
function handleResponse() {
if(http.readyState == 4){
var response = http.responseText;
var update = new Array();
if(response.indexOf('|' != -1)) {
update = response.split('|');
document.getElementById("city").value = update[0];
document.getElementById("state").value = update[1];
}
}
}
</script>
<h3>Enter A United States Zipcode, Then Tab</h3>
<table align="center">
<tr>
<td>Enter Zipcode:</td>
<td><input type="text" id="zipcode" name="zipcode" onBlur="sndReq(this.value);"/></td>
</tr>
<tr>
<td>City:</td>
<td><input type="text" id="city" name="city"/></td>
</tr>
<tr>
<td>State:</td>
<td><input type="text" id="state" name="state"/></td>
</tr>
</table>
0
投稿猜你喜欢
- Java 正则表达式判断字符串是否以字符开始：public static boolean startWithChar(String s) {
- 方法来源于土豆网的导航，在这里纪录一下实现的思路。主要是利用 position 属性的 absolute 和 relative 配
- javascript是种脚本语言，浏览器下载到哪儿就会执行到哪儿，这种特性会为编程提供方便，但也容易使程序过于凌乱，支离破碎。 js从功能上
- 本文主要介绍了Vue动态修改title的方法，需要的朋友可以参考学习，方法如下：1.通过自定义指令去修改（单个修改比较好）//1.在main
- 主键的生成方式主要有三种： 一. 数据库自动生成 二. GUID 三. 开发创建 严格讲这三种产生方式有一定的交叉点，其定位方式将在下面进行
前言：pandas 中的索引意味着只需从系列中选择特定数据。索引可能意味着选择所有数据，其中一些数据来自特定列。索引也可以称为子集选择。使用- 一 、python模块 xml.dom 解析XML的APIminidom.parse(filename)加载读取XML文件doc.docum
- 客户端调用XMLHTTP的过程很简单，只有5个步骤： 1、创建XMLHTTP对象 2、打开与服务端的连接，同时定义指令发送方式，服务网页(U
- 一、excel进入密码加密算法cipher Algorithm=“AES”AES加密算法的详细介绍与
- 本文记录的要实现的功能类似于 MySQL 中的 ORDER BY，上个项目中有遇到这样的一个需求。 要求：从两个不同的表中获取各自的4条数据
- 小计： 开发中遇到子组件需要调用兄弟组件中的方法，如下写个小demo记录下心得，如果你有好的方法，请到评论区域指教父组件示例代码：组件功能解
- 关于Pytorch的MNIST数据集的预处理详解MNIST的准确率达到99.7％用于MNIST的卷积神经网络（CNN）的实现，具有各种技术，
- 废话少说，直接上代码：<?php/** * Note:for octet-stream upload * 这个是流式上传PHP文件 *
- 一、首先要确保你的电脑上opencv的环境和visual studio上的环境都配置好了，测试的时候通过了没有问题。二、那么只要在你项目里面
- 1、先说恢复误删单元格的操作场景：不小心把某个cell给cut了，或者删除了单元格（前提不要关闭notebook窗口）。解决方法： 先按Es
- 环境准备卸载mariadbrpm -qa | grep mariadbrpm -e --nodeps mariadb-libs-5.5.60
- --语 句 功 能--数据操作SELECT --从数据库表中检索数据行和列INSERT --向数据库表添加新数据行DELETE --从数据库
- MySQL提供标准的SQL模式匹配，以及一种基于象Unix实用程序如vi、grep和sed的扩展正则表达式模式匹配的格式。标准的SQL模式匹
- 1 什么是嵌套循环所谓嵌套循环就是一个外循环的主体部分是一个内循环。内循环或外循环可以是任何类型，例如 while 循环或 for 循环。
- 本文实例代码主要实现python编程测试电脑开启最大线程数，具体实现代码如下。#!/usr/bin/env python #co
