要用javascript调用php获取数据库接口，是一个很常见的前后端交互操作
创新互联公司服务项目包括宿迁网站建设、宿迁网站制作、宿迁网页制作以及宿迁网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，宿迁网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到宿迁省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！
通过javascript发送http请求php的API接口，php连接数据库并查询结果，最后返回出来
这样javascript就能获取到数据库的数据
查询页面在例外一个php做，然后使用Ajax， 也就是你的keyup事件发生后，调用Ajax，ajax可以访问服务器的任何文件，包括php， 并且能返回这个php的运行完成后的输出结果， 而且整个过程是在不刷新页面的情况下完成的， 也就是Ajax在调用服务器文件的时候， 是后台运行的，你看不到他的运行过程的！
至于Ajax具体怎么用，请百度学习一下！
在js中调用php的方法是直接在script标签的src属性中嵌入要访问的php地址。
1、JS方式调用PHP文件并取得PHP中的值
举例说明:
如在页面test_json1中用下面这句调用:
script type="text/javascript" src="/index.php/test/testjson2"
/script
script type="text/javascript"
alert(jstext);
/script
2、在test_json2.php中有这样一段PHP代码:
?php
$php_test='I come from PHP!';
echo "var test='$php_test';";
echo "var jstext="."'$php_test';";
?
当执行test_json1.php文件时,就会调用test_json2.php文件,并将b.php文件的输出作为JS语句来执行,
所以此处会弹出一个提示框,内容为JS变量jstext的值,也就是在PHP文件中赋给jstext的值。
这样就行你看过后很简单吧以后不会可以向我一样经常到后盾人找找相关教材看看就会了，希望能帮到你，给个采纳吧谢谢
js/jquery调用php一般是用AjAx方式来调用的。
首先确认需要调用的php文件，可以是绝对路径，也可以是相对路径
这里以Jquery为例子解释上面的问题
如下图就是jquery的实现代码，下图的url就是需要请求的php地址；
如下图就是php代码的数据提供接口，最后使用ajax的数据格式返回给js端，这样就实现了一次，php的调用。
比如数据库查出的值为$data，
可以使用Json的方式获取数据，即在PHP端这样：
?php
$data = array('a'='1');
echo json_encode($data);
?
在HTML页面
script type="text/javascript"
$.ajax({
url:"PHP页面地址",
dataType:"json",
success:function(data){//data就是PHP页面输出的东西了
alert(data.a);
}
});
/script