ajax输入提示java_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 + "
// }
// $("#list").html(str);
//json写法
for (var i in data){
$("#list").append("
}
}
});
}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实现输入提示效果的具体代码，供大家参考，具体内容如下 网站主页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); 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。