1:HTML中的值如何傳到JS,下面假設(shè)是文件1.php
創(chuàng)新互聯(lián)一直在為企業(yè)提供服務(wù),多年的磨煉,使我們在創(chuàng)意設(shè)計,全網(wǎng)整合營銷推廣到技術(shù)研發(fā)擁有了開發(fā)經(jīng)驗。我們擅長傾聽企業(yè)需求,挖掘用戶對產(chǎn)品需求服務(wù)價值,為企業(yè)制作有用的創(chuàng)意設(shè)計體驗。核心團(tuán)隊擁有超過十余年以上行業(yè)經(jīng)驗,涵蓋創(chuàng)意,策化,開發(fā)等專業(yè)領(lǐng)域,公司涉及領(lǐng)域有基礎(chǔ)互聯(lián)網(wǎng)服務(wù)服務(wù)器托管德陽、成都app開發(fā)、手機(jī)移動建站、網(wǎng)頁設(shè)計、網(wǎng)絡(luò)整合營銷。
代碼如下:
html
body
form action="1.php" method="post"
name:input type="text" name="username" id="username"
rename:input type="text" name="username1" id="username1"
input type="button" value="submit" on CliCk="get()"
/form
/body
/html
JS假如想取文本框中用戶輸入的name值,這樣寫
代碼如下:
script language='JavaScript'
function get()
{
var n=document.getElementById('username').value;
alert (n);
}/script
這樣的話在有調(diào)用JS get()時就會彈出警示框,里面的內(nèi)容就是name的值。
2:假如說JS中的這個取到的name值要傳回rename的文本框中,這樣寫
代碼如下:
script language='JavaScript'
function get()
{
var n=document.getElementById('username').value;
document.getElementById("username1").value=n;
}/script
這樣的話在下面調(diào)用get()就會自動顯示上面name輸入的值。
3:PHP中取頁面的值
代碼如下:
?php
$name=$_REQUEST["username"];
echo $name;
?
4:PHP的值傳回頁面
在HTML中插入PHP語言,可以調(diào)用PHP中變量的值,也可用Smarty(推薦)。
有了以上這些,不管是HTML頁面里的值還是JS中變量的值,都可以輕松的傳入PHP,當(dāng)然,PHP的值也可傳到想要的地方。
方法和詳細(xì)的操作步驟如下:
1、第一步,創(chuàng)建一個測試php文件,見下圖,轉(zhuǎn)到下面的步驟。
2、第二步,執(zhí)行完上面的操作之后,在其中添加html所需的代碼,見下圖,轉(zhuǎn)到下面的步驟。
3、第三步,執(zhí)行完上面的操作之后,要求在其中添加一個js腳本,定義一個變量,見下圖,轉(zhuǎn)到下面的步驟。
4、第四步,執(zhí)行完上面的操作之后,在底部的php中添加代碼,該代碼定義了默認(rèn)為0的b變量,準(zhǔn)備使用其來接收js中的a值,見下圖,轉(zhuǎn)到下面的步驟。
5、第五步,執(zhí)行完上面的操作之后,在腳本中使用writeln輸出a,并將其分配給php中的變量b,
然后回顯輸出以查看b中的值,見下圖,轉(zhuǎn)到下面的步驟。
6、第六步,執(zhí)行完上面的操作之后,在瀏覽器中打開php文件,將直接回顯js中變量a的值為100。這時,php將js中的變量獲取完成,見下圖。這樣,就解決了這個問題了。
用Ajax, PHP 跟 JS 最直接的交互方式就是 Ajax。
使用 Ajax 向服務(wù)器發(fā)起網(wǎng)絡(luò)請求,PHP在后端進(jìn)行處理并返回數(shù)據(jù)。
把對象數(shù)組轉(zhuǎn)成JASON串,PHP收到后轉(zhuǎn)化成JASON對象進(jìn)行讀取。
代碼如下:
script //
html5中默認(rèn)的script是javascript,故不需要特別指定script language
var arr_js = ?php
echo json_encode($arr)?;
/script?
php給javascript傳值,算是兩個方法吧,
一個就是主動刷新,php把值寫到頁面上,比如 var a='?php echo $a;?';
另外的方法就是通過js異步去拉取,通過ajax來實現(xiàn),大體過程是:js 發(fā)起一個異步請求給php程序,php返回數(shù)據(jù)庫的數(shù)據(jù),js通過接收這個數(shù)據(jù)來在做處理。
看你想怎么使用PHP的數(shù)據(jù)。比如我從數(shù)據(jù)庫里拿出一個數(shù)據(jù),然后echo
h1?php echo $title; ?/h1
那你JS里就可以通過DOM來獲取h1的innerHTML
不要直接用js,最好用現(xiàn)成的library,比如jQuery,Prototype之類的,因為他們有瀏覽器兼容。
還有就是用ajax,動態(tài)獲取你要的內(nèi)容。即通過JS代碼,調(diào)用PHP代碼,然后傳遞回你要的數(shù)據(jù)。
AJAX非常的流行,因為不會造成網(wǎng)頁停滯,強(qiáng)調(diào)的是asynchronous (不同步)。