前台页面
<body>
<input type="text" name="username" οnblur="shou()"/><input type="submit" value="提交" />
<div id="sel"></div>
<script src="jquery-3.2.1.js"></script>
<script>
function shou()
{
var user = $(":input").val();
$.ajax({
url:'accept.php',
<!--要连接的地址-->
data:'user='+user,
<!--要进行传递的数据，变量名，值-->
dataType:"json",
<!--定义数据格式-->
type:'POST',
<!--传输数据用什么类型接-->
{
var html='';
<!--定义一个空的常量-->
$(msg).each(function(k,v) {
<!--用each将数据进行遍历-->
html+="<div>"+v.sname+"</div>";
<!--进行 替换中间为替换的内容，v.查询的字段-->
$("#sel").html(html);
<!--替换id 为sel中的东西-->
});
}
</script>
</body>
后台接收页面
<?php
$dsn = "mysql:host=127.0.0.1;dbname=education";
$db = new PDO($dsn, 'root', 'root');
$db->query("set names utf8");
$user=$_POST['user'];
$sql="select * from student where sname like '$user%'";
$res=$db->query("$sql");
$data=$res->fetchAll();
echo json_encode($data);
发送数据json格式和前台的格式需要对应
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
