十年網(wǎng)站開發(fā)經(jīng)驗 + 多家企業(yè)客戶 + 靠譜的建站團隊
量身定制 + 運營維護+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
1:HTML中的值如何傳到JS,下面假設(shè)是文件1.php

創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于成都網(wǎng)站制作、成都網(wǎng)站設(shè)計、外貿(mào)營銷網(wǎng)站建設(shè)、興化網(wǎng)絡(luò)推廣、小程序制作、興化網(wǎng)絡(luò)營銷、興化企業(yè)策劃、興化品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等,從售前售中售后,我們都將竭誠為您服務(wù),您的肯定,是我們最大的嘉獎;創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供興化建站搭建服務(wù),24小時服務(wù)熱線:13518219792,官方網(wǎng)址:www.cdcxhl.com
復(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()時就會彈出警示框,里面的內(nèi)容就是name的值。
2:假如說JS中的這個取到的name值要傳回rename的文本框中,這樣寫
復(fù)制代碼 代碼如下:
script language='JavaScript'
function get()
{
var n=document.getElementById('username').value;
document.getElementById("username1").value=n;
}/script
這樣的話在下面調(diào)用get()就會自動顯示你上面name輸入的值。
3:PHP中取頁面的值
這個我想大家都會了吧
復(fù)制代碼 代碼如下:
?php
$name=$_REQUEST["username"];
echo
$name;
?
4:PHP的值傳回頁面
在HTML中插入PHP語言,可以調(diào)用PHP中變量的值,也可用Smarty(推薦)。
有了以上這些,不管是HTML頁面里的值還是JS中變量的值,都可以輕松的傳入PHP,當(dāng)然,PHP的值也可傳到想要的地方。
不用AJAX,最簡單就是傳個參數(shù)過去
如:function saveGame(str){
window.location.href='url?str=' + str;
}
樓上的是一種跳轉(zhuǎn)的方式。如果你想不刷新處理,獲取數(shù)據(jù)。還是用ajax 。很簡單的。給你個例子。這里我我用jquery的$.post
$.post(URL,{參數(shù)1:alue,參數(shù)2:value2},function(data){
//這里你可以處理獲取的數(shù)據(jù)。我使用是json 格式。你也可以使用其它格式?;蛘邽榭?,讓它自己判斷得了
},'json');
兩種方案:
1,如果你需要無刷新操作的話,就用AJAX異步操作就行了,將值附帶了URL地址里面讓PHP程序調(diào)用就行了。
2,如果你的頁面是可以刷新的話,可以使用HIDDEN控件來實現(xiàn),先用JS改變Hidden控件的值,然后刷新頁面,用php來讀取hidden控件的值就行了!
JS向PHP傳遞數(shù)值只有兩種方法:GET和POST,GET把參數(shù)寫在URL上,例如abc.php?param=123,POST的參數(shù)在數(shù)據(jù)里面。
JS調(diào)用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調(diào)用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:
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向頁面發(fā)送 HTTP POST 請求,并獲得返回的結(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
具體代碼請谷歌?AJAX