方法1:
站在用戶(hù)的角度思考問(wèn)題,與客戶(hù)深入溝通,找到梅河口網(wǎng)站設(shè)計(jì)與梅河口網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗(yàn),讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個(gè)性化、用戶(hù)體驗(yàn)好的作品,建站類(lèi)型包括:成都做網(wǎng)站、成都網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名注冊(cè)、網(wǎng)絡(luò)空間、企業(yè)郵箱。業(yè)務(wù)覆蓋梅河口地區(qū)。
input type="button" value="f1" onclick="f1()"
script
//方法1
function f1(){
var type = 'aaa';
window.location.href='1.php?type=' + type;
}
/script
1.php 中:
$type = $_GET['type'];
echo $type;
方法2:
script src="jquery-1.10.2.min.js"/script
script
$(document).ready(function(){
var type ='aaa';
$("button").click(function(){
$.post("4-ajax.php",{
type: type,
},
function(data,status){
alert("數(shù)據(jù):" + data + "\n狀態(tài):" + status);
});
});
});
/script
button向頁(yè)面發(fā)送 HTTP POST 請(qǐng)求,并獲得返回的結(jié)果/button
4-ajax.php中:
$type = $_POST["type"];
echo $type;
這種方法就是ajax數(shù)據(jù)傳輸,異步數(shù)據(jù)交互
//這里用到了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
$.ajax({type:?"",url:?"",data:?"",?dataType:?"json",success:?function?(data)?{
//這里處理返回的結(jié)果
//type為數(shù)據(jù)提交的方式post或者get
//data表示要提交的數(shù)據(jù)?方式為?{name1:value1,name2:value2.....等等}
//dataType表示數(shù)據(jù)處理后返回的數(shù)據(jù)類(lèi)型?一般返回json的數(shù)據(jù)類(lèi)型?使用$.each進(jìn)行循環(huán)操作
//success表示數(shù)據(jù)請(qǐng)求成功后執(zhí)行的動(dòng)作
}});
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假如想取文本框中用戶(hù)輸入的name值,這樣寫(xiě)
復(fù)制代碼 代碼如下:
script
language='JavaScript'
function get()
{
var
n=document.getElementById('username').value;
alert
(n);
}/script
這樣的話(huà)在有調(diào)用JS
get()時(shí)就會(huì)彈出警示框,里面的內(nèi)容就是name的值。
2:假如說(shuō)JS中的這個(gè)取到的name值要傳回rename的文本框中,這樣寫(xiě)
復(fù)制代碼 代碼如下:
script language='JavaScript'
function get()
{
var n=document.getElementById('username').value;
document.getElementById("username1").value=n;
}/script
這樣的話(huà)在下面調(diào)用get()就會(huì)自動(dòng)顯示你上面name輸入的值。
3:PHP中取頁(yè)面的值
這個(gè)我想大家都會(huì)了吧
復(fù)制代碼 代碼如下:
?php
$name=$_REQUEST["username"];
echo
$name;
?
4:PHP的值傳回頁(yè)面
在HTML中插入PHP語(yǔ)言,可以調(diào)用PHP中變量的值,也可用Smarty(推薦)。
有了以上這些,不管是HTML頁(yè)面里的值還是JS中變量的值,都可以輕松的傳入PHP,當(dāng)然,PHP的值也可傳到想要的地方。
不用AJAX,最簡(jiǎn)單就是傳個(gè)參數(shù)過(guò)去
如: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 格式。你也可以使用其它格式?;蛘邽榭眨屗约号袛嗟昧?/p>
},'json');
js僅在 瀏覽器中運(yùn)行.
php 僅在服務(wù)器端運(yùn)行.
2者交互, 通常通過(guò) http get/post 協(xié)議進(jìn)行交互.
因此, 要將 js 變量傳輸?shù)?php, 需通過(guò) get/post 將參數(shù)傳入.
譬如:
script
function test(){
var x="abc";
$.ajax("test.php?x="+x);
}
/script
而 test.php 中, 通過(guò) $_REQUEST["x"] 即可拿到j(luò)s 請(qǐng)求過(guò)來(lái)的變量.
追問(wèn)
感覺(jué)你的答案最符合我的需求,只是我還是碰到了問(wèn)題。
test.php文件中
onchange事件觸發(fā)test()函數(shù),并將賦值。
script
function test(){
var x="abc";
$.ajax("test.php?x="+x);
}
test.php文件中
echo $_REQUEST["x"]并未獲取到有效值。echo沒(méi)有輸出。
請(qǐng)問(wèn),這到底是什么原因。
追答
是因?yàn)?script 中并沒(méi)有輸出由 php 傳回的結(jié)果.
改成這個(gè)試試看.
1
2
3
4
5
6
script
function test(){
var x="abc";
$.ajax("test.php?x="+x),null,function(data){alert(data)});
}
/script