JavaScript 與 PHP 傳值幾種方式
前端傳至PHP端方式
1.傳統FORM方式：
前端使用<form action="xxx.php" method="post/get[任一方式]">
JS則可先將值傳入<input type="hidden" name="xxx"/>再透過傳統FORM方式傳遞
2.JS讀取欄位的值,再透過jQuery的ajax函數：
$.get/$.post[任其一方式](“xxx.php", { 傳遞變數1: 值1 , 傳遞變數2: 值2 …. } , function(result){
$(“元素").append(result); //接收從前端傳來的值
});
3.利用JS生成網址方式,再由$_GET接收：
var 變數 = ….(網址)…..?變數1=值1&變數2=值2….
location.replace(‘變數’); //方法接近於1,但是從JS端送出值指令
後端接收方式為$_POST[‘變數’]或是$_GET[‘變數’],
附註:
1.使用jQuery的$.post會送出兩次請求,
對於流量較大的網站主機的負載會比較重,
不過送出長度不會像$.get有限制,
安全性也比$.get(可用網址來測試稍微安全些)
2.使用jQuery的$.post會僅會送出一次請求,
但除了長度有限制與安全性略比$.post差,
比較適合用於變數簡短並且低重要性的資料索取.
————————————————
PHP端傳至前端的方式
1.利用echo “<script type=’text/javascript’>….</script’>";傳遞
通常用這個配jQuery傳遞資料,
好處是減少刷頁跟與主機的請求量.
2.在javascript的區塊中
var 變數 = 插入值
3.使用jQuery.url.js外掛模仿PHP端的方式擷取URL內的值,
使用方式為
var 變數 = $.url.param(‘URL變數值’); //例如http://123.com/?abc=123,取得abc的變數值
1.傳統FORM方式：
前端使用<form action="xxx.php" method="post/get[任一方式]">
JS則可先將值傳入<input type="hidden" name="xxx"/>再透過傳統FORM方式傳遞
2.JS讀取欄位的值,再透過jQuery的ajax函數：
$.get/$.post[任其一方式](“xxx.php", { 傳遞變數1: 值1 , 傳遞變數2: 值2 …. } , function(result){
$(“元素").append(result); //接收從前端傳來的值
});
3.利用JS生成網址方式,再由$_GET接收：
var 變數 = ….(網址)…..?變數1=值1&變數2=值2….
location.replace(‘變數’); //方法接近於1,但是從JS端送出值指令
後端接收方式為$_POST[‘變數’]或是$_GET[‘變數’],
附註:
1.使用jQuery的$.post會送出兩次請求,
對於流量較大的網站主機的負載會比較重,
不過送出長度不會像$.get有限制,
安全性也比$.get(可用網址來測試稍微安全些)
2.使用jQuery的$.post會僅會送出一次請求,
但除了長度有限制與安全性略比$.post差,
比較適合用於變數簡短並且低重要性的資料索取.
————————————————
PHP端傳至前端的方式
1.利用echo “<script type=’text/javascript’>….</script’>";傳遞
通常用這個配jQuery傳遞資料,
好處是減少刷頁跟與主機的請求量.
2.在javascript的區塊中
var 變數 = 插入值
3.使用jQuery.url.js外掛模仿PHP端的方式擷取URL內的值,
使用方式為
var 變數 = $.url.param(‘URL變數值’); //例如http://123.com/?abc=123,取得abc的變數值
留言
張貼留言