`
congpeixue
  • 浏览: 274610 次
  • 性别: Icon_minigender_1
  • 来自: ...
社区版块
存档分类
最新评论

快速输入地址

    博客分类:
  • Ajax
阅读更多
<html>
<head>  
	<script type='text/javascript' src='/DWR/dwr/interface/AddressLookup.js'></script>
	<script type='text/javascript' src='/DWR/dwr/engine.js'></script>
	<script type='text/javascript' src='/DWR/dwr/util.js'></script>
	<script type="text/javascript">
		function fillAddress() {
			var postcode = dwr.util.getValue("postcode");
			AddressLookup.fillAddress(postcode, function(address) {
				dwr.util.setValues(address);
			});
		}
	</script>
</head>
<body>
<table>
	<tr>
		<td>Zipcode/Postcode:</td>
		<td><input id="postcode" type="text" onchange="fillAddress()" /></td>
	</tr>
	<tr>
		<td>House name/number:</td>
		<td><input id="house" type="text" /></td>
	</tr>
	<tr>
		<td>Line 2:</td>
		<td><input id="line2" type="text" /></td>
	</tr>
	<tr>
		<td>Line 3:</td>
		<td><input id="line3" type="text" /></td>
	</tr>
	<tr>
		<td>Line 4:</td>
		<td><input id="line4" type="text" /></td>
	</tr>
</table>

</body>
</html>



当焦点离开postcode字段的时候, 浏览器将调用onchange事件,

function fillAddress() {
  var postcode = dwr.util.getValue("postcode");
  AddressLookup.fillAddress(postcode, function(address) {
    dwr.util.setValues(address);
  });
}


上述代码首先获得postcode 字段的值, 然后使用postcode值执行对服务器端的调用。
当从服务器端返回时, 我们使用setValues()函数将返回的值设置到form中。

在服务器端, 我们可以使用一个JavaBean来保存Address数据,但对于本例, 我们使用了
一个java.util.Map, 只要JavaBean中各字段的名字和Map的键的名字一致, 我们可以对JavaScript不做任何修改 就可以将Map替换为JavaBean。

  • DWR.rar (585.2 KB)
  • 下载次数: 4
分享到:
评论

相关推荐

    论文研究-一种基于key-value数据库的快速地名地址输入提示方法.pdf

    针对以上问题,提出一种基于key-value数据库的快速地名地址输入提示方法。该方法基于Trie树结构进行改进,降低了地址索引的复杂度;基于key-value数据库构建Trie树,避免了内存消耗巨大的问题。实验结果表明,基于...

    制作一个可以输入 IP 地址的控件

    - **界面设计**:设计直观易用的界面,让用户能快速定位并更改 IP 地址。 通过实现这样一个 IP 设置程序,开发者不仅能提高用户的操作效率,还可以深入理解 IP 地址的结构和管理,以及如何利用 WMI 进行系统级的...

    IE浏览器使用技巧30招.docx

    2. **快速输入地址**:在地址栏中输入单词,按下`Ctrl+Enter`,IE会自动添加`http://www.`和`.com`,并直接浏览该网址。 3. **快速进行搜索**:点击工具栏上的“搜索”按钮,选择搜索类别,输入关键词,点击“搜索...

    浏览网页更方便 IE7使用技巧30招.docx

    2. **快速输入地址**:在地址栏中输入单词后,按下`Ctrl + Enter`,IE会自动添加 `http://` 和 `.com`,并立即开始浏览该网站,如输入`yahoo`后按`Ctrl + Enter`,浏览器将转到`http://yahoo.com`。 3. **快速进行...

    bMap百度地图API地址输入插件.zip

    这个插件实现了地址关键词智能搜索功能,用户可以通过输入地址的一部分来快速找到完整的地理位置信息。此外,它还支持在地图上通过拖拽操作来获取精确的地址和坐标,大大简化了获取地理信息的过程。 【描述】提到,...

    Alt键的精彩应用,F1~F12的用处

    F4 键:打开地址键,按下 F4 键可以打开地址栏,以便快速输入地址。 F5 键:刷新键,按下 F5 键可以刷新当前窗口的内容。 F6 键:移动焦点键,按下 F6 键可以将焦点移动到地址栏中。 F7 键:拼写检查键,按下 F7 ...

    动态IP地址输入输入框\输入线

    在IT开发领域,尤其是网页和应用界面设计时,用户界面(UI)的细节至关重要,而“动态IP地址输入输入框”和“输入线”就是其中的一种常见元素。这两种设计方式都是为了提供用户友好的IP地址输入体验。让我们深入探讨...

    快速设置IP地址

    通过“网络和共享中心”-&gt;“更改适配器设置”找到对应的网络连接,右键选择“属性”,然后双击“Internet协议版本4(TCP/IPv4)”或“Internet协议版本6(TCP/IPv6)”,在弹出的窗口中手动输入IP地址、子网掩码和默认...

    快速输入电子邮箱.docx

    为了提高效率,我们可以利用Excel的自定义单元格格式功能来快速输入具有固定后缀的电子邮箱。以下是如何实现这一操作的详细步骤: 1. **选择单元格或单元格区域**:首先,你需要确定需要输入电子邮箱的单元格或...

    手动快速配置IP地址批处理

    快速手动配置IP地址,很方便!直接输入IP地址,网关和DNS等信息,告别鼠标的繁琐点击。

    快速设置IP地址与mac地址工具

    通过这个脚本,用户可以自定义输入IP地址、子网掩码、默认网关以及首选DNS服务器等参数,实现快速设置静态IP地址,这对于那些需要固定IP地址的设备非常有用。 另一方面,DHCP获取IP.vbs脚本则用于自动从DHCP服务器...

    IP地址MAC地址快速修改切换工具

    描述中指出,该工具支持多个配置方案的保存,这意味着用户可以预先设定好不同的IP和MAC地址组合,然后在需要时快速切换,无需每次手动输入。这种功能对于网络管理员或需要频繁切换网络环境的用户来说非常实用。更...

    C# IP地址输入控件

    总的来说,"C# IP地址输入控件"是一个实用且高效的工具,能够帮助开发者快速构建具备IP地址输入功能的Windows应用程序,同时确保了数据的正确性和用户的交互体验。其源代码的开放性还允许开发者根据具体需求进行定制...

    快捷键一键输入文字

    标题中的“快捷键一键输入文字”指的是一个软件功能,它允许用户通过预先设定的快捷键快速输入特定的文字或信息,如姓名、电话号码、地址等。这种功能在各种需要快速填写表格的情境下非常实用,比如在线报名、抢购...

    MAC地址修改工具+V1.0┊轻松实现新地址输入、一键设定

    该工具允许用户输入自定义的MAC地址,并通过简单的操作即可快速设置到网络适配器上,无需深入操作系统设置或使用命令行工具。这为不熟悉网络配置的用户提供了一种便捷的方法。 MAC地址修改工具有以下主要功能点: ...

    快速更改IP地址及DNS地址

    本文主要讲解如何快速更改IP地址和DNS地址,以及如何利用DOS命令和批处理文件来自动化这个过程。 首先,我们需要了解两个DOS命令:“netsh interface ip set address”和“netsh interface ip set dns”。这两个...

    IP地址快速查询IP地址快速查询

    1. **在线查询工具**:许多网站提供IP查询服务,输入IP地址即可显示其归属地、运营商等信息,如纯真IP数据库(http://www.ip138.com/)。 2. **命令行工具**: - 在Windows系统中,可以使用`ping`命令来检查IP地址...

    快速转换IP地址

    "快速转换IP地址"的主题涉及到了网络配置、动态IP与静态IP的概念,以及如何高效地在两者之间切换,这对于那些需要频繁在不同网络环境间切换的用户至关重要。 IP地址有两种主要类型:静态IP和动态IP。静态IP是指人为...

    五种方法快速查找对方IP地址

    输入对方的网站地址,程序将与DNS Whois数据库连接,显示对应的IP地址,甚至可能提供物理位置信息。此外,对于局域网内的机器,可以使用像“网络刺客 II”这样的工具,通过主机名查找IP地址。 4. **聊天软件内置...

Global site tag (gtag.js) - Google Analytics