ajax实现输入内容提示,ajax实现输入提示效果

本文实例为大家分享了ajax实现输入提示效果的具体代码，供大家参考，具体内容如下

网站主页

Title

*{

margin:0px auto;

padding:0px;

}

.l{

height:50px;

width:198px;

border-bottom:1px solid black;

text-align: center;

line-height:40px;

vertical-align: middle;

}

&ltwww.cppcns.com;script src="../wenjian/jquery-2.2.3.min.js">

// var str = "";

// for (var i=0;i

// {

// str = str + "

" +s[i] +"

";

// }

// $("#list").html(str);

//json写法

for (var i in data){

www.cppcns.com $("#liswww.cppcns.comt").append("

" +data[i] +"

");

}

}

});

}else {

$("#list").html("");

}

})

处理页面

/**

* Created by fcc

* User: Administrator

* Date: 2017/10/30

* Time: 9:52

*/

$n = $_POST['n'];

require_once "../wenjian/DBDA.class.php";

$db = new DBDA();

$obj = "select region_name from region WHERE region_name LIKE '%{$n}%' ";

$data = $db->Query($obj);

//echo $data;

echo json_encode($data);

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

本文标题: ajax实现输入提示效果

本文地址: http://www.cppcns.com/wangluo/ajax/209438.html