本文目录一览：
- 1、js如何用php去接收数据库中的数据
- 2、如何在js里引用php变量
- 3、如何在js中调用php
js如何用php去接收数据库中的数据
要用javascript调用php获取数据库接口，是一个很常见的前后端交互操作
通过javascript发送http请求php的API接口，php连接数据库并查询结果，最后返回出来
这样javascript就能获取到数据库的数据
如何在js里引用php变量
想要在javascript中引入php变量最简单的就是混编方式,还有一种是通过shtml引入方式,但是shtml引入需要服务器许可,还需要独立设置输出文件,较为复杂不符合动态脚本趋势.这里就简单介绍混编方式的实现方法.
混编方式:
混编就是采用html与php代码混编方式来实现在html中运行php的方式.
注意点:
文件必须是php文件.否则无法直接运行php.
在需要运行输出php的地方必须要写完全的php引用标签,即?php ?格式.
混编中php标签必须要有结尾,否则容易导致html部分异常.
案例:
文件名称:text.php
!DOCTYPE html
html
head
titlephp与html混编/title
/head
body
!--html注释:这里我们直接使用php来模拟一下欢迎提示语--
尊敬的?php echo '熊大';?(先生/女士),您好,欢迎您来到我的小站.br
script
alert("哎呀,?php echo '熊大';?你来了啊!");
/script
/body
/html
上面的代码必要放在php文件里,然后访问看到的页面就是
这样就达到了在html里输出php变量的目的.
如何在js中调用php
js是浏览端脚本，PHP 是服务器端的，也就是说，浏览器里的js不能真正调用php。
但可以通过http request方式触发php方法并得到response
?php
// server.php
$name = $_POST["name"];
$password = $_POST["password"];
$result = loginUser($name, $password);
echo $result;
?
//client.html
form action="server.php" method="POST"
input type="text" name="name"
input type="text" name="password"
input type="submit" value="Login" /
form
// or in js
var name = $("[name='name']");
var password= $("[name='password']");
$.ajax({
url: 'server.php'
method:'post',
data: {
name: name,
password: password
}
})
.done(function(result){...})