js加載php頁面內容（php加載html頁面）

本文目錄一覽：

• 1、js 中如何 插入 php？
• 2、html如何通過js腳本調用顯示一個php頁面的內容？
• 3、如何在js中調用php
• 4、請問怎樣用js,php等網頁技術實現頁面自動加載。

js 中如何 插入 php？

js和php是在不同運行環境下運行的，不能混用。php可以運行得到一段html代碼，包括js代碼。所以你可以這樣用：

script

var userid=”?=$userid?”;

/script

上面這段php是代碼，必須在支持php的服務器上運行，得到運行結果，傳輸給客戶端瀏覽器，客戶端瀏覽器上得到這樣的代碼：

script

var userid=”123456″;

/script

這樣，網頁端的js就知道服務器端的userid這個變量是什麼了。

此外，還可以通過ajax技術來調用服務，或獲取服務器端的一些數據。具體研究一下ajax吧

html如何通過js腳本調用顯示一個php頁面的內容？

舉一個簡單的例子來說明:

如在頁面a.html中用下面這句調用:

script type=”text/javascript” src=”b.php?action=test”/script

script type=”text/javascript”

alert(jstext);

/script

在b.php中有這樣一段PHP代碼:

? $action=$_GET[‘action’]; //echo “var jstext=’$action'”; //輸出一句JS語句,生成一個JS變量,並賦顛值為PHP變量 $action的值 //echo “var jstext=’aa'”; echo “var jstext=”.”‘$action'”; ?

當執行a.html文件時,就會調用b.php文件,並將b.php文件的輸出作為JS語句來執行,所以此處會彈出一個提示框,內容為JS變量jstext的值,也就是在PHP文件中賦給jstext的值.

小結:

在HTML里用JS 調用文件的方式調PHP文件,則PHP文件的輸出將會被調用頁作為JS的代碼來用.

2 php調用js中的值

在z.php頁面中有這樣一段代碼：

script type=”text/javascript” var url=”aaaa*”; /script ? $key=”script type=text/javascriptdocument.write(url)/script”; echo $key; ?

3 php調用js中的方法(函數)

script type=”text/javascript” function test() { var t1=3; t1 = t1+2; alert(t1); //return t1; } /script

?php echo “script type=’text/javascript’test();/script”; ?

4 JS調用PHP變量

（1）

?php

$userId=100;

? script

var userId;

userId=document.getElementByIdx_x_x_x(“userId”).value;

alert (userId);

/script

input type=”text” name=”userId” id=”userId” value=”?php echo $userId; ?”

（2）

?php

$url = ‘變化的網址’; //定義變量

?

script type=”text/javascript”

//js調用php變量

var ds =”?php echo $url?” ; //賦值 alert(ds); //輸出效果 /script

5 ——————————-

script language=”JavaScript” !–

var Y=?php echo date(‘Y’)?,M=?php echo date(‘n’)?,D=?php echo date(‘j’)?;

—

/script

6 自己寫的js和php互相調用

1.php內容：

?php

//echo “script LANGUAGE=’javascript’alert(‘$php變量’);/script”; //最簡單的php調用js

//echo “a href=#img width=50 src=’$fruit_pic_array[$i]’ onMouseOver=』javascript:a();『/a”;

//echo “a href=’3.php’aaaa/a”; //php中超鏈接

//echo “script type=’text/javascript’ language=’javascript’phpmake(‘PHP建站學習筆記網’);/script”; //有時候需要在PHP執行過程中，需要調用JavaScript自定義函數(驗證時出錯)

echo “function ok(msg){alert(msg);}”;

?

HTML

HEAD

TITLE php調用js文件的好辦法/TITLE

/HEAD

BODY

!–js調用php中定義的js–

scrīpt language=”javascrīpt” type=”text/javascrīpt” src=”1.php”/scrīpt

scrīpt

ok(“aaaaaa!”);

/scrīpt

/script

/BODY

/HTML

2.php內容：

!–js調用php–

?php

$userId=100;

?

script

var userId;

userId=document.getElementByIdx_x(“userId”).value;

alert (userId);

/script

input type=”text” name=”userId” id=”userId” value=”?php echo $userId; ?”

!–js調用php–

?php

if($_GET[“action”]==”ok”)

{

echo “I’m OK!”;

}

else

{

echo “I’m not OK!”;

}

?

SCRIPT Language = “JavaScript”

function func()

{

if(confirm(“Are you OK with this?”))

{

this.location = “ok.php?action=ok”;

}

else

{

this.location = “ok.php?action=cancel”;

}

}

/SCRIPT

html

head

/head

body

a href=”#” href=”#” onClick=”javascript:func();”Please Click/a

/body

/html

!–js調用php–

html

head

script

function isMail(PostString)

{

re=/\w*/

if(re.test(PostString))

{

return true;

}

else

{

return false;

}

}

function test(){

if (isMail(?php echo $email?))

{document.write(“?php echo “N”;?”);}

else

{document.write(‘?php echo ‘Y’;?’);}

}

/script

/head

body

?php

$email=”aa”;

?

input type=button value=click onclick= ‘test() ‘

/body

/html

!–php中含有js代碼–

?php

echo ”

script language=javascript

function test(){

alert( ‘hello ‘);

}

/script “;

?

input type=button value=click onclick= ‘test() ‘

如何在js中調用php

在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,php等網頁技術實現頁面自動加載。

監聽window.onscroll事件，當滾動條位置變化的時候，檢查是否已經到達底部，如果是，則使用AJAX加載下一頁的內容，並添加到列表後面。

代碼大概是這樣：

// 監聽滾動條變化的事件

window.onscroll = function() {

var body = document.body;

// 檢查滾動條是否已達到底部

if(body.scrollTop + body.clientHeight == body.scrollHeight) {

// 如果達到底部，則使用AJAX請求下一頁數據

$.ajax({

url: ”,

success: function() {

// 請求完成，將數據添加到列表底部

}

});

}

}