在js中如何使用php数据（js获取php变量）

本文目录一览：

• 
  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){...})