這種方法就是ajax數(shù)據(jù)傳輸,異步數(shù)據(jù)交互
創(chuàng)新互聯(lián)專注于天等網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供天等營(yíng)銷型網(wǎng)站建設(shè),天等網(wǎng)站制作、天等網(wǎng)頁設(shè)計(jì)、天等網(wǎng)站官網(wǎng)定制、小程序設(shè)計(jì)服務(wù),打造天等網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供天等網(wǎng)站排名全網(wǎng)營(yíng)銷落地服務(wù)。
//這里用到了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
具體代碼請(qǐng)谷歌?AJAX
1:HTML中的值如何傳到JS,下面假設(shè)是文件1.php
復(fù)制代碼 代碼如下:
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值,這樣寫
復(fù)制代碼 代碼如下:
script
language='JavaScript'
function get()
{
var
n=document.getElementById('username').value;
alert
(n);
}/script
這樣的話在有調(diào)用JS
get()時(shí)就會(huì)彈出警示框,里面的內(nèi)容就是name的值。
2:假如說JS中的這個(gè)取到的name值要傳回rename的文本框中,這樣寫
復(fù)制代碼 代碼如下:
script language='JavaScript'
function get()
{
var n=document.getElementById('username').value;
document.getElementById("username1").value=n;
}/script
這樣的話在下面調(diào)用get()就會(huì)自動(dòng)顯示你上面name輸入的值。
3:PHP中取頁面的值
這個(gè)我想大家都會(huì)了吧
復(fù)制代碼 代碼如下:
?php
$name=$_REQUEST["username"];
echo
$name;
?
4:PHP的值傳回頁面
在HTML中插入PHP語言,可以調(diào)用PHP中變量的值,也可用Smarty(推薦)。
有了以上這些,不管是HTML頁面里的值還是JS中變量的值,都可以輕松的傳入PHP,當(dāng)然,PHP的值也可傳到想要的地方。
兩種方案:
1,如果你需要無刷新操作的話,就用AJAX異步操作就行了,將值附帶了URL地址里面讓PHP程序調(diào)用就行了。
2,如果你的頁面是可以刷新的話,可以使用HIDDEN控件來實(shí)現(xiàn),先用JS改變Hidden控件的值,然后刷新頁面,用php來讀取hidden控件的值就行了!
不用AJAX,最簡(jiǎn)單就是傳個(gè)參數(shù)過去
如:function saveGame(str){
window.location.href='url?str=' + str;
}
樓上的是一種跳轉(zhuǎn)的方式。如果你想不刷新處理,獲取數(shù)據(jù)。還是用ajax 。很簡(jiǎn)單的。給你個(gè)例子。這里我我用jquery的$.post
$.post(URL,{參數(shù)1:alue,參數(shù)2:value2},function(data){
//這里你可以處理獲取的數(shù)據(jù)。我使用是json 格式。你也可以使用其它格式?;蛘邽榭?,讓它自己判斷得了
},'json');