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;

}

$("#name").keyup(function () {

var n = $("#name").val();

if (n != ""){

$.ajax({

url:'ltchuli.php',

data:{n:n},

type:'post',

// datatype:'text',

datatype:'json',

success:function (data) {

//text写法

// var s = data.split("|");

// var str = "";

// for (var i=0;i

// {

// str = str + "

" +s[i] +"

";

// }

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

//json写法

for (var i in data){

$("#list").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);

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