這種方法就是ajax數(shù)據(jù)傳輸,異步數(shù)據(jù)交互
創(chuàng)新互聯(lián)是一家專注于網(wǎng)站設計、網(wǎng)站制作與策劃設計,仙桃網(wǎng)站建設哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設十多年,網(wǎng)設計領域的專業(yè)建站公司;建站業(yè)務涵蓋:仙桃等地區(qū)。仙桃做網(wǎng)站價格咨詢:028-86922220
//這里用到了jquery的插件,使用前需引用jquery.js
script
function?keyUp(e)?{
var?currKey=0,e=e||event;
currKey=e.keyCode||e.which||e.charCode;
//如果是空格
if(currKey?==?32){
$.ajax({
url:?'save.php',
data:?$('#id').val()
success:?function(data){
alert(data);
}
});
}
}
document.onkeyup?=?keyUp;
/script
具體代碼請谷歌?AJAX
JS向PHP傳遞數(shù)值只有兩種方法:GET和POST,GET把參數(shù)寫在URL上,例如abc.php?param=123,POST的參數(shù)在數(shù)據(jù)里面。
JS調用PHP(無論GET或者POST)一般有兩種方式,一是是用HTML窗口,使用GET的例子:
iframe src=abc.php?param=123/iframe
使用POST的例子:
form?action=abc.php?method=post?name=form1
input?type=hidden?name=param?value=123
/form
script?language=javascript
form1.param.value=123;
form1.submit();
/script
JS調用PHP(無論GET或者POST)的另外一種方式是是用AJAX,例子代碼網(wǎng)上很多,我寫一個最簡單的:
script?language=javascript
var?xmlHttp=null;
if?(window.ActiveXObject)?xmlHttp=new?ActiveXObject('Microsoft.XMLHTTP');
else?if?(window.XMLHttpRequest)?xmlHttp=new?XMLHttpRequest();
xmlHttp.onreadystatechange=handleStateChange;
xmlHttp.open('POST','abc.php');
xmlHttp.send('param=123');
function?handleStateChange(){
if?(xmlHttp.readyState==4){
if?(xmlHttp.status==200){
alert(xmlHttp.responseText);
}
}
}
/script
1:HTML中的值如何傳到JS,下面假設是文件1.php
復制代碼 代碼如下:
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
這樣的話在有調用JS
get()時就會彈出警示框,里面的內容就是name的值。
2:假如說JS中的這個取到的name值要傳回rename的文本框中,這樣寫
復制代碼 代碼如下:
script language='JavaScript'
function get()
{
var n=document.getElementById('username').value;
document.getElementById("username1").value=n;
}/script
這樣的話在下面調用get()就會自動顯示你上面name輸入的值。
3:PHP中取頁面的值
這個我想大家都會了吧
復制代碼 代碼如下:
?php
$name=$_REQUEST["username"];
echo
$name;
?
4:PHP的值傳回頁面
在HTML中插入PHP語言,可以調用PHP中變量的值,也可用Smarty(推薦)。
有了以上這些,不管是HTML頁面里的值還是JS中變量的值,都可以輕松的傳入PHP,當然,PHP的值也可傳到想要的地方。
兩種方案:
1,如果你需要無刷新操作的話,就用AJAX異步操作就行了,將值附帶了URL地址里面讓PHP程序調用就行了。
2,如果你的頁面是可以刷新的話,可以使用HIDDEN控件來實現(xiàn),先用JS改變Hidden控件的值,然后刷新頁面,用php來讀取hidden控件的值就行了!
$.ajax({type:?"",url:?"",data:?"",?dataType:?"json",success:?function?(data)?{
//這里處理返回的結果
//type為數(shù)據(jù)提交的方式post或者get
//data表示要提交的數(shù)據(jù)?方式為?{name1:value1,name2:value2.....等等}
//dataType表示數(shù)據(jù)處理后返回的數(shù)據(jù)類型?一般返回json的數(shù)據(jù)類型?使用$.each進行循環(huán)操作
//success表示數(shù)據(jù)請求成功后執(zhí)行的動作
}});