ajax的leiku,AJAX实现汉字和拼音搜索自动提示的效果（asp.net）

实现该功能用到了两个页面，一个请求显示的页面(你可以使用的静态页面)，一个用于获取关键字到数据表中模糊查询并获取满足条件的数据输出。这里的搜索提示实际上是用div来实现的，C#代码很简单，关键是看明白JavaScript。

本实例的实现思路是：查询数据库表中对应的列中文列数据放入到内存datatable中，再将该列数据转换为拼音首字母列对应的添加到该Datatable中。输入搜索关键字时，先用方法判断是否是汉字，如果是，则模糊查询汉字列；如果否，则查询对应拼音列。但在测试中，发现查询的速度不是很快，该模糊查询使用了全模糊，因此索引的查询优化方式无法使用；虽然右模糊能使用索引，但在此处貌似也用不上。导致海量数据情况下查询相对缓慢，在海量数据查询中，建议使用全文索引了，数据挖掘思想了。

文章后面附汉字转换方法。

AjaxSearch.html源码：

/p>

Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

xmlns="http://www.w3.org/1999/xhtml">

无标题页

body

{}{

font: 11px arial;

}

.suggest_link

{}{

background-color: #FFFFFF;

padding: 2px 6px 2px 6px;

}

.suggest_link_over

{}{

background-color: #E8F2FE;

padding: 2px 6px 2px 6px;

}

#search_suggest

{}{

position: absolute;

background-color: #FFFFFF;

text-align: left;

border: 1px solid #000000;

}

οnkeyup="searchSuggest();"

value="搜索" />

id="search_suggest" style="display:none">

Welcome to ajax!

SearchData.aspx前台源码：

CodeFile="SearchData.aspx.cs" Inherits="SearchData"

/p>

Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

xmlns="http://www.w3.org/1999/xhtml">

无标题页

runat="server">

SearchData.aspx.cs后台源码：

using System;

using System.Collections;

using System.Configuration;

using System.Data;

using System.Linq;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.HtmlControls;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Xml.Linq;

using System.Collections.Generic;

using System.Text;

public partial class SearchData : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

if (Request.QueryString["searchText"] != null)

{

if (Request.QueryString["searchText"].ToString().Trim().Length

> 0)

{

string strText =

Request.QueryString["searchText"].ToString();

DataTable dt = new DataTable();

BLL.basicAddress bllAddress = new BLL.basicAddress();

dt = bllAddress.GetList("");

if (dt == null)

{

Response.Write("");

return;

}

dt.Columns.Add("py");

foreach (DataRow dr in dt.Rows)

{

dr["py"] = Common.HZPY.getSpy(dr["addressName"].ToString());

}

DataRow[] drs;

if (Common.HZPY.HZCheck(strText))

drs = dt.Select("addressName like '%" + strText + "%'");

else

drs = dt.Select("py like '%" + strText + "%'");

StringBuilder strReturnText = new StringBuilder();

foreach (DataRow dr in drs)

{

strReturnText.Append(dr["addressName"].ToString());

strReturnText.Append("#");

}

Response.Write(strReturnText.ToString());

}

else

{

Response.Write("");

}

汉字转拼音的方法：

HZPY.CS源码：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

using System.Text.RegularExpressions;

namespace Common

{

public class HZPY

{

static int[] pyValue = new int[] {

-20319, -20317, -20304, -20295, -20292, -20283, -20265, -20257,

-20242, -20230, -20051, -20036, -20032, -20026, -20002,

-19990,

-19986, -19982, -19976, -19805, -19784, -19775, -19774, -19763,

-19756, -19751, -19746, -19741, -19739, -19728, -19725,

-19715,

-19540, -19531, -19525, -19515, -19500, -19484, -19479, -19467,

-19289, -19288, -19281, -19275, -19270, -19263, -19261,

-19249,

-19243, -19242, -19238, -19235, -19227, -19224, -19218, -19212,

-19038, -19023, -19018, -19006, -19003, -18996, -18977,

-18961,

-18952, -18783, -18774, -18773, -18763, -18756, -18741, -18735,

-18731, -18722, -18710, -18697, -18696, -18526, -18518,

-18501,

-18490, -18478, -18463, -18448, -18447, -18446, -18239, -18237,

-18231, -18220, -18211, -18201, -18184, -18183, -18181,

-18012,

-17997, -17988, -17970, -17964, -17961, -17950, -17947, -17931,

-17928, -17922, -17759, -17752, -17733, -17730, -17721,

-17703,

-17701, -17697, -17692, -17683, -17676, -17496, -17487, -17482,

-17468, -17454, -17433, -17427, -17417, -17202, -17185,

-16983,

-16970, -16942, -16915, -16733, -16708, -16706, -16689, -16664,

-16657, -16647, -16474, -16470, -16465, -16459, -16452,

-16448,

-16433, -16429, -16427, -16423, -16419, -16412, -16407, -16403,

-16401, -16393, -16220, -16216, -16212, -16205, -16202,

-16187,

-16180, -16171, -16169, -16158, -16155, -15959, -15958, -15944,

-15933, -15920, -15915, -15903, -15889, -15878, -15707,

-15701,

-15681, -15667, -15661, -15659, -15652, -15640, -15631, -15625,

-15454, -15448, -15436, -15435, -15419, -15416, -15408,

-15394,

-15385, -15377, -15375, -15369, -15363, -15362, -15183, -15180,

-15165, -15158, -15153, -15150, -15149, -15144, -15143,

-15141,

-15140, -15139, -15128, -15121, -15119, -15117, -15110, -15109,

-14941, -14937, -14933, -14930, -14929, -14928, -14926,

-14922,

-14921, -14914, -14908, -14902, -14894, -14889, -14882, -14873,

-14871, -14857, -14678, -14674, -14670, -14668, -14663,

-14654,

-14645, -14630, -14594, -14429, -14407, -14399, -14384, -14379,

-14368, -14355, -14353, -14345, -14170, -14159, -14151,

-14149,

-14145, -14140, -14137, -14135, -14125, -14123, -14122, -14112,

-14109, -14099, -14097, -14094, -14092, -14090, -14087,

-14083,

-13917, -13914, -13910, -13907, -13906, -13905, -13896, -13894,

-13878, -13870, -13859, -13847, -13831, -13658, -13611,

-13601,

-13406, -13404, -13400, -13398, -13395, -13391, -13387, -13383,

-13367, -13359, -13356, -13343, -13340, -13329, -13326,

-13318,

-13147, -13138, -13120, -13107, -13096, -13095, -13091, -13076,

-13068, -13063, -13060, -12888, -12875, -12871, -12860,

-12858,

-12852, -12849, -12838, -12831, -12829, -12812, -12802, -12607,

-12597, -12594, -12585, -12556, -12359, -12346, -12320,

-12300,

-12120, -12099, -12089, -12074, -12067, -12058, -12039, -11867,

-11861, -11847, -11831, -11798, -11781, -11604, -11589,

-11536,

-11358, -11340, -11339, -11324, -11303, -11097, -11077, -11067,

-11055, -11052, -11045, -11041, -11038, -11024, -11020,

-11019,

-11018, -11014, -10838, -10832, -10815, -10800, -10790, -10780,

-10764, -10587, -10544, -10533, -10519, -10331, -10329,

-10328,

-10322, -10315, -10309, -10307, -10296, -10281, -10274, -10270,

-10262, -10260, -10256, -10254

};

static string[] pyStr = new string[] {

"a", "ai", "an", "ang", "ao", "ba", "bai", "ban", "bang", "bao",

"bei", "ben", "beng", "bi", "bian", "biao",

"bie", "bin", "bing", "bo", "bu", "ca", "cai", "can", "cang",

"cao", "ce", "ceng", "cha", "chai", "chan", "chang",

"chao", "che", "chen", "cheng", "chi", "chong", "chou", "chu",

"chuai", "chuan", "chuang", "chui", "chun", "chuo", "ci",

"cong",

"cou", "cu", "cuan", "cui", "cun", "cuo", "da", "dai", "dan",

"dang", "dao", "de", "deng", "di", "dian", "diao",

"die", "ding", "diu", "dong", "dou", "du", "duan", "dui", "dun",

"duo", "e", "en", "er", "fa", "fan", "fang",

"fei", "fen", "feng", "fo", "fou", "fu", "ga", "gai", "gan",

"gang", "gao", "ge", "gei", "gen", "geng", "gong",

"gou", "gu", "gua", "guai", "guan", "guang", "gui", "gun", "guo",

"ha", "hai", "han", "hang", "hao", "he", "hei",

"hen", "heng", "hong", "hou", "hu", "hua", "huai", "huan", "huang",

"hui", "hun", "huo", "ji", "jia", "jian", "jiang",

"jiao", "jie", "jin", "jing", "jiong", "jiu", "ju", "juan", "jue",

"jun", "ka", "kai", "kan", "kang", "kao", "ke",

"ken", "keng", "kong", "kou", "ku", "kua", "kuai", "kuan", "kuang",

"kui", "kun", "kuo", "la", "lai", "lan", "lang",

"lao", "le", "lei", "leng", "li", "lia", "lian", "liang", "liao",

"lie", "lin", "ling", "liu", "long", "lou", "lu",

"lv", "luan", "lue", "lun", "luo", "ma", "mai", "man", "mang",

"mao", "me", "mei", "men", "meng", "mi", "mian",

"miao", "mie", "min", "ming", "miu", "mo", "mou", "mu", "na",

"nai", "nan", "nang", "nao", "ne", "nei", "nen",

"neng", "ni", "nian", "niang", "niao", "nie", "nin", "ning", "niu",

"nong", "nu", "nv", "nuan", "nue", "nuo", "o",

"ou", "pa", "pai", "pan", "pang", "pao", "pei", "pen", "peng",

"pi", "pian", "piao", "pie", "pin", "ping", "po",

"pu", "qi", "qia", "qian", "qiang", "qiao", "qie", "qin", "qing",

"qiong", "qiu", "qu", "quan", "que", "qun", "ran",

"rang", "rao", "re", "ren", "reng", "ri", "rong", "rou", "ru",

"ruan", "rui", "run", "ruo", "sa", "sai", "san",

"sang", "sao", "se", "sen", "seng", "sha", "shai", "shan", "shang",

"shao", "she", "shen", "sheng", "shi", "shou", "shu",

"shua", "shuai", "shuan", "shuang", "shui", "shun", "shuo", "si",

"song", "sou", "su", "suan", "sui", "sun", "suo", "ta",

"tai", "tan", "tang", "tao", "te", "teng", "ti", "tian", "tiao",

"tie", "ting", "tong", "tou", "tu", "tuan", "tui",

"tun", "tuo", "wa", "wai", "wan", "wang", "wei", "wen", "weng",

"wo", "wu", "xi", "xia", "xian", "xiang", "xiao",

"xie", "xin", "xing", "xiong", "xiu", "xu", "xuan", "xue", "xun",

"ya", "yan", "yang", "yao", "ye", "yi", "yin",

"ying", "yo", "yong", "you", "yu", "yuan", "yue", "yun", "za",

"zai", "zan", "zang", "zao", "ze", "zei", "zen",

"zeng", "zha", "zhai", "zhan", "zhang", "zhao", "zhe", "zhen",

"zheng", "zhi", "zhong", "zhou", "zhu", "zhua", "zhuai",

"zhuan",

"zhuang", "zhui", "zhun", "zhuo", "zi", "zong", "zou", "zu",

"zuan", "zui", "zun", "zuo"

};

///

/// 把字符串转换为全拼

///

name="str">汉字字符串

///

全拼字符串

public static string getQpy(string str)

{

string rpy

= "";

for (int i

= 0; i < str.Length; i++)

{

rpy +=

getFullPy(str.Substring(i, 1));

}

return

rpy;

}

///

/// 把字符串转换为拼音首字母

///

name="str">字符串单个汉字

///

拼音首字母

public static string getSpy(string str)

{

string rpy

= "";

for (int i

= 0; i < str.Length; i++)

{

rpy +=

getFirstPy(str.Substring(i, 1));

}

return

rpy;

}

///

/// 判断字符串是否是汉字

///

name="mystring">

///

private static bool isHz(string mystring)

{

Regex

CheckStr = new Regex("[\u4e00-\u9fa5]");

return

CheckStr.IsMatch(mystring);

}

private static string getFullPy(string

mystring)

{

string pys

= "";

(isHz(mystring))

{

int asc =

getAsc(mystring);

for (int i = pyValue.Length -

1; i >= 0; i--)

{

if (pyValue[i] <= asc)

{

pys =

pyStr[i];

break;

}

if (pys == "")

{ pys = mystring; }

}

else

{

pys = mystring;

}

return

pys;

}

private static string getFirstPy(string

mystring)

{

(isHz(mystring))

{

//int asc =

getAsc(mystring);

return

getFullPy(mystring).Substring(0, 1);

}

else

{

return mystring;

}

///

/// 字符串转换为asc码

///

name="s">

///

private static int getAsc(string s)

{

string

fstr;

(s.Length >= 1)

{

fstr = s.Substring(0, 1);

char[] carry =

fstr.ToCharArray();

byte[] iarry =

System.Text.Encoding.Default.GetBytes(carry);

if (iarry.Length == 1)

{

return iarry[0];

}

else //(iarry.Length ==

{

return (iarry[0] * 0x100 + iarry[1]) -

0x10000;

}

else

{ return

0; }

}

ajax的leiku,AJAX实现汉字和拼音搜索自动提示的效果（asp.net）相关推荐

uni-app 汉字转拼音搜索和按首字母排序页面
<template><view class="outer"><view class="search"><view> ...
对城市名搜索（汉字、拼音）功能的改进 / 小程序城市区县定位模块改进
效果演示在真机预览的画面是非常流畅的 ###支持搜索335个城市(及相应级别地区).截至目前,最新的国家统计局2016年统计年鉴中,地级市291个,地级行政区划334个. 项目仓库微信小程序城市 ...
ajax返回的数据怎么显示出来_Excel输入汉字、拼音首字母就能显示数据出来，录数据时逐步提示...
在办公中经常需要录入数据,特别是财务,人力资源,采购这块,经常需要如果经常复制.粘贴很累,即使用到数据有效性进行设置,数据量多了,也不好选择. 所以,这里介绍两个Excel插件E灵和EXCEL必备工 ...
ajax java首字母检索_AJAX的拼音首字母查找对应中文的portlet
在现实生活中,我们需要一些系统提供输入拼音首字母,返回与其对应中文的功能,这样可以提高人机交互性以及提高系统的友好性. 结合之前所做的portlet技术,还有AJAX,让我们在web应用这块来说说这个 ...
java技术:输入拼音自动提示汉字的方法
今日课题:java项目经理与你共享"有关输入拼音自动提示汉字的方法". 一.java端使用不同的项目获取的方法也是不一样的,但最终都要传入客户端端,这部分就不多说了,有开 ...
chosen jquery ajax搜索,基于chosen插件实现人员选择树搜索自动筛选功能
要实现的功能截图: 要求: 1.点击输入框可以根据拼音自动筛选数据,并且标记已经选择的数据,没有结果的时候提示,相应的更新左边树状态 2.勾选树右侧树的复选框左侧出现相应的内容我用到的插件 vue+ ...
知乎ajax采集,胖鼠采集WordPress插件教程-WP自动采集和发布简书,微信公众号,知乎等任意网站...
WordPress本来是一个博客,但是由于功能强大.用户众多,发展到现在Wordpress已经成为了一个CMS平台了,甚至有一些企业建站都用了Wordpress,真的是无处不在.Wordpress用于 ...
Java pinyin4j 汉字转拼音包括——多音字
Java汉字转拼音(包括多音字) 有个需求需要把汉字转拼音,我的小伙伴推荐用Unicode官方的包:下载有些慢. 实际中用了Java工具包:pinyin4j解决可以转汉字,多音字,多音字的地方要求不 ...
mysql汉字转拼音函数
-- 创建汉字拼音对照临时表 CREATE TABLE IF NOT EXISTS `t_base_pinyin` (`pin_yin_` varchar(255) CHARACTER SET gbk ...

ajax的leiku,AJAX实现汉字和拼音搜索自动提示的效果（asp.net）

ajax的leiku,AJAX实现汉字和拼音搜索自动提示的效果（asp.net）相关推荐

最新文章

热门文章