前端傳至PHP端方式
1. 傳統FORM方式：
前端使用

JS則可先將值傳入再透過傳統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端送出值指令

我比較喜歡使用jQuery的方式,
因為相較於傳統的方式,
傳值變得比較簡單.

後端接收方式為$_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的變數值