php ajax输入提示,ajax怎么实现提示输入信息的功能

这次给大家带来ajax怎么实现提示输入信息的功能，ajax实现提示输入信息功能的注意事项有哪些，下面就是实战案例，一起来看一下。

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

网站主页

*{

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("");

}

})

处理页面<?php

/**

* 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);

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：