php ajax输入提示,详解ajax实现输入提示效果示例

js可以实现页面输入提示效果，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);

相关推荐：