0 0

***找到了一个完美的自动完成输入框,请教如何把数据改成ajax的,谢谢..............30

先看一下这个demo
http://bbs.80nian.net/tool/travel-aotu/travel-aotu/demo.html(源码到http://bbs.5hen.net/thread-467-1-1.html这里下载)
在这上面输入xg 或 香港 或hongkong 都会自动完成对香港的输入

我下载了这个源码,里面的城市都是固定的,我想用jquery把它改成ajax 的,即直接从数据库里读取或者是从索引里读然后返回json格式的数据,可是我改不明白,大家能否指定

一下

还有一个需求就是当自动完成对输入的输入后,一点按钮就会在次通过ajax读取数据库,把该城市相关的区号及邮政编码取出来并显示到网页上,如下网页.

[img=http://p13.freep.cn/p.aspx?u=v20_p13_p_0808190029549848_0.jpg][/img]
2008年8月19日 00:45

2个答案 按时间排序 按投票排序

0 0

完美什么呀?没看出来哪好呀。我给你介绍一个jquery插件吧。http://jquery.bassistance.de/autocomplete/demo/
你说的完美是不是指它可以按拼音检索?结合ajax这个也可以做到

2008年8月20日 10:45
0 0

你的问题是在读取数据上,还是?
觉得只要加载的时候把你的城市数据都读出来供给使用不就可以了?

第二个问题,好像就是个onclick事件吧..

2008年8月19日 20:47

相关推荐

    输入框 自动完成 AJAX

    用户可以选择一个建议,此时可以触发其他事件,如自动填充输入框,或者进一步提交选择。 6. **优化性能**:为了提升用户体验,通常会加入缓存机制,比如本地存储或者浏览器缓存,避免频繁请求相同的数据。同时,...

    输入框自动完成功能

    标题中的“输入框自动完成功能”指的是在Web开发中,一种常见的用户界面特性,它允许用户在输入框中键入内容时,系统能够自动显示一个下拉列表,供用户选择匹配的建议项。这种功能通常用于提升用户体验,特别是在...

    一个完整的ajax应用例子

    3. **反馈结果**:收到服务器响应后,根据返回的数据(例如,一个布尔值表示用户名是否可用),在页面上显示相应的提示信息。 **四、实现细节** 1. **创建XMLHttpRequest实例**:`var xhr = new XMLHttpRequest();`...

    jsp+ajax实现输入框自动搜索

    一、标题:jsp+ajax实现输入框自动搜索 该标题表明该技术使用jsp和ajax实现输入框自动搜索功能。 二、描述:类似于百度的搜索一样,利用ajax技术优化搜索。 该描述表明该技术使用ajax技术优化搜索,类似于百度...

    一个漂亮文本输入框.rar

    这个"一个漂亮文本输入框.rar"的资源可能包含了一个独特设计或具有特定特效的文本输入框示例,适用于网页、应用程序或者桌面软件的界面设计。下面我们将深入探讨文本输入框的相关知识点。 1. **文本输入框的基础...

    ajax输入框提示集合

    描述中提到的“在淘宝上买的,自己搜集和自己用的,打包下载”,这可能是指一个包含多种Ajax搜索框实现的资源包,可能是由个人开发者或者社区成员整理的,包含了各种不同设计和功能的Ajax搜索框源码。这些源码可以...

    AJAX+ASP实现输入框提示

    这个"AJAX+ASP实现输入框提示"的示例项目,旨在展示如何使用AJAX技术在ASP页面上创建一个智能提示系统,当用户在输入框中输入文字时,后台将实时搜索匹配的数据并显示为提示。这种功能在许多Web应用中非常常见,如...

    Ajax自动完成完美实现

    【Ajax自动完成技术详解】 Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这种技术使得用户可以与网页进行更流畅、更快捷的交互,提高了用户体验。在本...

    Ajax+JSON 搜索框自动完成提示功能

    3. **Ajax请求**:使用`$.ajax()`或`$.getJSON()`(jQuery方法)构建一个Ajax请求,URL指向服务器端处理搜索建议的接口,数据类型设置为`'json'`,以接收JSON响应。 4. **服务器端处理**:在服务器端(可能是Java、...

    仿google输入框自动完成输入源码

    "仿google输入框自动完成输入源码" 这个标题指的是一个编程项目,其目标是模仿Google搜索框的自动填充(Autocomplete)功能。在实际的网页开发中,这样的功能可以极大地提升用户体验,因为它允许用户在输入查询时...

    基于ASP的结合AJAX实现输入框提示(自动完成)修正版.zip

    自动完成功能通常在用户在输入框中键入内容时提供即时建议,极大地提高了数据输入的速度和准确性。在ASP和AJAX的结合中,此功能的工作原理如下: 1. **客户端交互**:用户在输入框中开始输入时,JavaScript事件监听...

    完整版操作网页输入框.e.rar

    网页输入框是网页交互的核心元素之一,用户通过它们可以向网站提供各种信息,如搜索查询、登录凭据、表单数据等。在这个“完整版操作网页输入框.e.rar”压缩包中,很可能是包含了关于如何在网页设计和开发中有效使用...

    安卓EditText输入框相关-Android仿支付宝自定义密码输入框.zip

    这个压缩包"安卓EditText输入框相关-Android仿支付宝自定义密码输入框.zip"就是提供了这样一个自定义实现的例子。 在这个项目中,开发者尝试复现了支付宝密码输入框的功能。通常,这种自定义密码输入框会显示为一串...

    jquery自动完成输入框

    描述中提到了"autocomplete 输入框自动完成 自动下拉查询",这进一步明确了我们讨论的是一个基于jQuery的自动补全插件。这个插件实现了当用户在输入框中输入文本时,能够实时触发查询,并展示与输入内容匹配的下拉...

    jQuery文本框联想补全自动完成插件

    jQuery文本框联想补全自动完成插件是一款非常实用的前端开发工具,它可以帮助开发者在网页的输入框中实现智能联想和自动补全功能。这个插件基于JavaScript库jQuery构建,因此,使用它之前需要确保项目中已经引入了...

    AjaxRequest(Ajax使用包)

    AjaxRequest是实现Ajax功能的一个工具包,它简化了JavaScript与服务器进行异步数据交换的过程。在Web开发中,AjaxRequest通常用于提高用户体验,因为用户不必等待整个页面刷新,只更新需要变动的部分。 **Ajax的...

    ASP实例开发源码—ASP结合AJAX实现输入框提示(自动完成)修正版.zip

    此实例"ASP结合AJAX实现输入框提示(自动完成)修正版"是ASP应用的一个经典案例,它展示了如何利用AJAX(Asynchronous JavaScript and XML)技术来提升用户体验,特别是对于搜索或输入框功能的优化。 在ASP中,服务器...

    ajax.jar实例代码

    这个项目是学习和理解Ajax技术的一个良好起点,它展示了如何使用Ajax改进用户体验,以及如何将前后端分离以实现数据的异步传输。通过深入研究这个实例代码,可以进一步掌握Ajax的核心原理和实际应用。

    自己写的百度输入框自动提示(C#,Ajax,JS版)

    标题中的“自己写的百度输入框自动提示(C#,Ajax,JS版)”指的是一个自定义的搜索输入框功能,模仿了百度搜索引擎的自动提示效果。这个功能通常在用户输入文字时,通过实时发送请求到服务器,服务器根据输入内容查询...

    完整版操作网页输入框.rar

    网页输入框是网页设计中的重要元素,用户通过它们在网页上输入数据,如搜索关键词、登录账号、填写表单等。本压缩包“完整版操作网页...如果你正在学习或改进网页输入框的设计和交互,这个压缩包会是一个宝贵的资源。

Global site tag (gtag.js) - Google Analytics