`
hawaii162162
  • 浏览: 76177 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

autocomplete 仿谷歌搜索提示中文乱码解决

阅读更多

在使用ajax自動完成標簽時出現問題﹐在葉面文本框中輸入數字和字母時沒有出現問題﹐但在輸入中文時有問題﹔輸入中文后沒有結果﹐在servlet中發現取得的值是亂碼﹐用iso-8859-1轉換也不能解決。

    通過查看ajax標簽源碼﹐發現葉面的參數都通過encodeURIComonent()轉換﹐這時只要加入﹕

 request.setCharacterEncoding("UTF-8");就可以解決的﹐如﹕

encodeURIComponent会将中文字符转换成UTF-8编码,而UTF-8对中文支持比较好,我们在检测端再用:

String cname=request.getParameter("cname");

cname= new String(cname.getBytes("iso-8859-1"),"UTF-8");下面有一些解釋﹕

对文字进行编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent

1、  传递参数时需要使用encodeURIComponent,这样组合的url才不会被#等特殊字符截断。                            

例如:<script language="javascript">document.write('<a href="http://passport.baidu.com/?logout&aid=7&u='+encodeURIComponent("http://cang.baidu.com/bruce42")+'">退出</a>');</script>

2、  进行url跳转时可以整体使用encodeURI

例如:Location.href=encodeURI("http://cang.baidu.com/do/s?word=百度&ct=21");

3、  js使用数据时可以使用escape

例如:搜藏中history纪录。

4、  escape对0-255以外的unicode值进行编码时输出%u****格式,其它情况下escape,encodeURI,encodeURIComponent编码结果相同。

最多使用的应为encodeURIComponent,它是将中文、韩文等特殊字符转换成utf-8格式的url编码,所以如果给后台传递参数需要使用encodeURIComponent时需要后台解码对utf-8支持(form中的编码方式和当前页面编码方式相同)

escape不编码字符有69个:*,+,-,.,/,@,_,0-9,a-z,A-Z

encodeURI不编码字符有82个:!,#,$,&,',(,),*,+,,,-,.,/,:,;,=,?,@,_,~,0-9,a-z,A-Z

encodeURIComponent不编码字符有71个:!, ',(,),*,-,.,_,~,0-9,a-z,A-Z

分享到:
评论

相关推荐

    jquery Autocomplete 仿百度搜索 只能搜索提示

    本项目以"jQuery Autocomplete 仿百度搜索 只能搜索提示"为主题,旨在通过ASP.NET平台,构建一个类似于Google搜索的实时提示功能,并提供了完整的源码和数据库支持。 首先,jQuery Autocomplete是jQuery UI库中的一...

    autocomplete仿百度自动提示插件

    "autocomplete仿百度自动提示插件"是一款针对这一需求而设计的软件组件,旨在模仿百度搜索引擎的自动提示功能,为用户提供快速、精准的建议列表,帮助他们更快地找到所需信息或完成输入任务。 这款插件的核心功能...

    asp.net仿百度的自动完成(autoComplete) jquery+autocomplete.js

    asp.net仿百度的自动完成(autoComplete) 使用Jquery autocomplete.js插件来完成自动完成,可以从数据库中读取数据 ajax异步显示数据!云计算QQ研究群:96191559

    java实现jquery.autocomplete自动搜索含中文

    用java实现autocomplete搜索功能,可以获取除输入框的其它动态参数,后台字符串拼接,返回json数据,格式如下: { query:'Li', suggestions:['Liberia', 'Libyan Arab Jamahiriya', 'Liechtenstein', 'Lithuania'...

    php+jquery仿百度搜索提示框autoComplete

    "php+jquery仿百度搜索提示框autoComplete"是一个示例项目,它利用PHP和jQuery技术实现了类似百度搜索引擎的自动补全功能。这个功能允许用户在输入关键词时,系统会实时地根据已有的数据提供匹配的建议,从而加速...

    jquery autocomplete实现框输入提示

    **jQuery Autocomplete 实现输入框智能提示** jQuery Autocomplete 是一个强大的组件,广泛应用于网页上的输入框,可以为用户提供实时的搜索建议或自动补全功能。这个组件通过与后端服务器进行异步通信(通常使用 ...

    完全仿谷歌搜索 显示信息条数

    本文将详细解析"完全仿谷歌搜索 显示信息条数"这一主题,涵盖智能提示、自动回传、谷歌搜索效果的实现、AJAX技术的应用,以及如何在搜索结果中显示数据总数。 首先,我们要理解智能提示(Auto-suggestion)是提高...

    仿百度、Google搜索效果 AutoComplete

    仿百度、Google搜索效果的AutoComplete旨在提供与这两家知名搜索引擎类似的用户体验,即当用户在搜索框输入内容时,系统会实时分析并推荐相关的搜索建议,以下拉列表的形式呈现,帮助用户快速找到目标信息。...

    jquery.autocomplete仿google实例

    **jQuery Autocomplete 仿 Google 实例** 在网页开发中,Autocomplete 功能是常见的交互设计,它可以提升用户体验,帮助用户快速找到他们想要输入的内容。jQuery UI 的 Autocomplete 插件是一个强大的工具,它允许...

    asp.net下使用jQuery.AutoComplete完成仿淘宝商品搜索自动完成功能(改进了键盘上下选择体验)

    这个功能旨在提供类似于淘宝和谷歌搜索的用户体验,允许用户在输入关键词时,从数据库中实时获取相关搜索建议。 一、实现原理及需求分析 1. 关键字联想:系统需根据用户输入的关键字,从数据库中动态获取相关的...

    jquery搜索自动提示下拉框插件autocomplete

    jQuery Autocomplete广泛应用于各种需要实时搜索提示的场景,例如: - 搜索框:在电商网站的商品搜索、社交媒体的用户名查找等。 - 表单填充:在填写表单时,如地址、城市、邮政编码等信息的自动填充。 - 数据过滤...

    jsp仿谷歌搜索

    【JSP仿谷歌搜索连接数据库】是一个典型的Web开发项目,主要使用Java Server Pages(JSP)技术来构建一个类似于谷歌搜索引擎的功能。在这个项目中,核心知识点主要包括以下几个方面: 1. **JSP基础**:JSP是Java的...

    jquery自动完成autocomplete,兼容各浏览器,支持中文

    jQuery的Autocomplete插件是一种强大的交互功能,它允许用户在输入时获得建议或预填充的搜索项。这个插件是基于jQuery库的,因此可以轻松地集成到任何HTML页面中,以提高用户体验。本文将深入探讨jQuery ...

    UISearchBar搜索AutoComplete下拉列表搜索提示

    这篇博客“UISearchBar搜索AutoComplete下拉列表搜索提示”可能详细介绍了如何集成和定制UISearchBar的自动完成功能。在这个过程中,开发者需要处理的关键知识点包括: 1. **UISearchBarDelegate协议**:实现这个...

    jquery自动补全示例。包括后台,中文乱码解决JS

    本示例将涵盖如何使用jQuery实现自动补全功能,包括解决中文乱码问题以及常用属性配置。 ### 1. jQuery自动补全基本原理 jQuery 自动补全基于jQuery库,通过监听用户在输入框中的输入事件,实时查询预定义的数据集...

    仿Baidu的搜索下拉提示框源码(ASP.NET)

    【标题】"仿Baidu的搜索下拉提示框源码(ASP.NET)" 是一个基于ASP.NET平台开发的项目,旨在实现与百度搜索类似的下拉提示框功能。在网页的搜索框中输入关键字时,该功能会自动显示与输入相关的搜索建议,提升用户的...

    Jquery AutoComplete组件+Ajax实现搜索框输入提示功能小记

    ### Jquery AutoComplete组件+Ajax实现搜索框输入提示功能详解 #### 前言 在当前Web应用开发中,提供良好的用户体验是至关重要的。本文主要介绍如何使用Jquery AutoComplete组件与Ajax技术来实现搜索框的实时输入...

    jquery表单制作text文本框autocomplete智能搜索提示框效果

    本篇文章将详细讲解如何利用jQuery实现一个text文本框的autocomplete智能搜索提示框效果,这对于创建类似百度搜索框的用户体验至关重要。 首先,我们需要理解jQuery的核心概念。jQuery是一个轻量级的JavaScript库,...

    jquery Autocomplete插件,搜索自动完成

    jQuery plugin: Autocomplete 参数及实例 官网:jQuery plugin: Autocomplete 此插件依赖于 jquery 1.2.6 --- jquery 1.8.3 转自:http://www.cnblogs.com/duanhuajian/p/3398904.html

    jquery autocomplete中文文档

    jquery-autocomplete搜索框自动完成的中文文档,上手快,轻便,功能强大

Global site tag (gtag.js) - Google Analytics