在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){…})