使用ajax怎么实现一个输入提示效果 - 行业资讯 - 肥雀云

　　介绍

使用ajax怎么实现一个输入提示效果?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

网站主页

& lt; ! DOCTYPE html> 　　& lt; html lang=癳n"祝辞　　& lt; head> 　　& lt;才能meta charset=癠TF-8"比; 　　& lt;才能title> Title</title> 　　& lt;才能style> 　　,,,* { 　　,,,,,保证金:0 px 汽车; 　　,,,,,填充:0 px; 　　,,,} 　　,,,.l { 　　,,,,,身高:50 px; 　　,,,,,宽度:198 px; 　　,,,,,边界底部:1 px solid 黑色; 　　,,,,,text-align:,中心; 　　,,,,,行高:40像素; 　　,,,,,vertical-align:,中间; 　　,,,} 　　& lt;才能/style> 　　& lt;才能script src=? ./文剑/jquery-2.2.3.min.js"祝辞& lt;/script> 　　& lt;/head> 　　& lt; body> 　　& lt; div 祝辞& lt; input 类型=皌ext", id=皀ame",祝辞& lt;/div> 　　& lt; div id=發ist",比; 　　& lt; !——& lt; div id=發"祝辞zhongguo

——比; 　　& lt;/div> 　　　　& lt;/body> 　　& lt;/html> 　　& lt; script> 　　美元(“# name") .keyup (function (), { 　　var 才能;n =, (“# name")美元.val (); 　　if 才能;(n !=,““) { 　　. ajax({美元才能　　,,,url: & # 39; ltchuli.php& # 39; 　　,,,数据:{n: n}, 　　,,,类型:& # 39;文章# 39;//,,,,数据类型:& # 39;文本# 39; 　　,,,数据类型:& # 39;json # 39; 　　,,,成功:function (数据),{//文本写法//,,,,,var s =, data.split (“|“);//,,,,,var str =,““//,,,,,for (var 我=0;i“;//,,,,,}//,,,,,美元(“# list") . html (str);//json写法　　　　,,,,,for (var 小姐:拷贝数据){ 　　,,,,,,,(“# list") .append美元(“& lt; div 类=& # 39;l # 39;在“,+数据(我),+“& lt;/div>“); 　　,,,,,} 　　,,,} 　　,,}); 　　}else { 　　,,,美元(“# list") . html (“;”); 　　,,} 　　}) 　　& lt;/script>

处理页面

& lt; php ? 　　　　时间=美元n $ _POST [& # 39; n # 39;]; 　　require_once “. ./文剑/DBDA.class.php"; 　　$ db =, new DBDA ();=$ obj “select region_name 得到region WHERE region_name LIKE & # 39; % {$ n} % & # 39;,“; 　　data 美元;=,$ db→查询(obj美元);//echo $数据; 　　echo json_encode(元数据),

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注行业资讯频道,感谢您对的支持。